Skip to content

Instantly share code, notes, and snippets.

@tnchuntic
Created November 24, 2022 23:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save tnchuntic/470456b56a69e7df2288cc355f5ab1e7 to your computer and use it in GitHub Desktop.
Save tnchuntic/470456b56a69e7df2288cc355f5ab1e7 to your computer and use it in GitHub Desktop.
Theme.json Typography Fix
"typography": {
"dropCap": false,
"fluid": true,
"fontFamilies": [
{
"fontFamily": "\"Bebas Neue\", impact, sans-serif",
"name": "Bebas Neue",
"slug": "bebas-neue",
"fontFace": [
{
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [
"file:./assets/fonts/bebas-neue/bebas-neue-v9-latin-regular.woff2"
]
}
]
},
{
"fontFamily": "\"Playball\" , fantasy",
"name": "Playball",
"slug": "playball",
"fontFace": [
{
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [
"file:./assets/fonts/playball/playball-v16-latin-regular.woff2"
]
}
]
},
{
"fontFamily": "\"Shadows Into Light\", cursive",
"name": "Shadows Into Light",
"slug": "shadows-into-light",
"fontFace": [
{
"fontWeight": "400",
"fontStyle": "normal",
"fontStretch": "normal",
"src": [
"file:./assets/fonts/shadows-into-light/shadows-into-light-v15-latin-regular.woff2"
]
}
]
},
{
"fontFamily": "\"Roboto Flex\", sans-serif",
"name": "Roboto Flex",
"slug": "roboto-flex",
"fontFace": [
{
"fontWeight": "400",
"font-style": "normal",
"fontStretch": "normal",
"src": [
"file:./assets/fonts/roboto-flex/roboto-flex-v9-latin-regular.woff2"
]
}
]
},
{
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
"name": "System Font",
"slug": "system-font"
},
{
"fontFamily": "\"Palatino Linotype\", Palatino, Palladio, \"URW Palladio L\", \"Book Antiqua\", Baskerville, \"Bookman Old Style\", \"Bitstream Charter\", \"Nimbus Roman No9 L\", Garamond, \"Apple Garamond\", \"ITC Garamond Narrow\", \"New Century Schoolbook\", \"Century Schoolbook\", \"Century Schoolbook L\", Georgia, serif ",
"name": "System Serif",
"slug": "system-serif-font"
}
],
"fontSizes": [
{
"fluid": false,
"size": "0.64rem",
"slug": "x-small"
},
{
"fluid": false,
"size": "0.8rem",
"slug": "small"
},
{
"fluid": false,
"size": "1rem",
"slug": "medium"
},
{
"fluid": {
"min": "1.25rem",
"max": "1.414rem"
},
"size": "1.333rem",
"slug": "large"
},
{
"fluid": {
"min": "1.563rem",
"max": "1.999rem"
},
"size": "1.777rem",
"slug": "x-large"
},
{
"fluid": {
"min": "1.953rem",
"max": "2.827rem"
},
"size": "2.369rem",
"slug": "xx-large"
},
{
"fluid": {
"min": "2.441rem",
"max": "3.998rem"
},
"size": "3.157rem",
"slug": "xxx-large"
},
{
"fluid": {
"min": "3.052rem",
"max": "5.653rem"
},
"size": "4.209rem",
"slug": "xxxx-large"
}
]
},
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment