mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2025-10-16 12:05:38 +00:00
02414638ce
Adds `_wp_theme_json_webfonts_handler()` for handling `fontFace` declarations in a theme's `theme.json` file to generate the `@font-face` styles for both the editor and front-end. Design notes: * It is not a public API, but rather an internal, Core-only handler. * It is a stopgap implementation that will be replaced when the public Webfonts API is introduced in Core. * The code design is intentional, albeit funky, with the purpose of avoiding backwards-compatibility issues when the public Webfonts API is introduced in Core. * It hides the inter-workings. * Does not exposing API ins and outs for external consumption. * Only works for `theme.json`. * Does not provide registration or enqueuing access for plugins. For more context on the decision to include this stopgap and the Webfonts API, see: * Core's PR 40493 https://github.com/WordPress/gutenberg/pull/40493 * Gutenberg's tracking issue 40472 https://github.com/WordPress/gutenberg/issues/40472 Props aristath, hellofromTonya, peterwilsoncc, costdev, jffng, zieladam, gziolo, bph, jonoaldersonwp, desrosj. See #55567, #46370. git-svn-id: https://develop.svn.wordpress.org/trunk@53282 602fd350-edb4-49c9-b593-d223f7449a82
89 lines
1.3 KiB
JSON
89 lines
1.3 KiB
JSON
{
|
|
"version": 2,
|
|
"customTemplates": [
|
|
{
|
|
"name": "blank",
|
|
"title": "Blank",
|
|
"postTypes": [
|
|
"page",
|
|
"post"
|
|
]
|
|
}
|
|
],
|
|
"settings": {
|
|
"appearanceTools": true,
|
|
"color": {
|
|
"duotone": [],
|
|
"gradients": [],
|
|
"palette": []
|
|
},
|
|
"custom": {},
|
|
"spacing": {
|
|
"units": [
|
|
"%",
|
|
"px",
|
|
"em",
|
|
"rem",
|
|
"vh",
|
|
"vw"
|
|
]
|
|
},
|
|
"typography": {
|
|
"dropCap": false,
|
|
"fontFamilies": [
|
|
{
|
|
"fontFamily": "Roboto",
|
|
"name": "Roboto",
|
|
"slug": "roboto",
|
|
"fontFace": []
|
|
}
|
|
],
|
|
"fontSizes": [
|
|
{
|
|
"size": "1rem",
|
|
"slug": "small"
|
|
},
|
|
{
|
|
"size": "1.125rem",
|
|
"slug": "medium"
|
|
},
|
|
{
|
|
"size": "1.75rem",
|
|
"slug": "large"
|
|
},
|
|
{
|
|
"size": "clamp(1.75rem, 3vw, 2.25rem)",
|
|
"slug": "x-large"
|
|
}
|
|
]
|
|
},
|
|
"layout": {
|
|
"contentSize": "650px",
|
|
"wideSize": "1000px"
|
|
}
|
|
},
|
|
"styles": {
|
|
"blocks": {},
|
|
"color": {
|
|
"background": "var(--wp--preset--color--background)",
|
|
"text": "var(--wp--preset--color--foreground)"
|
|
},
|
|
"elements": {},
|
|
"spacing": {
|
|
"blockGap": "1.5rem"
|
|
},
|
|
"typography": {
|
|
"fontFamily": "var(--wp--preset--font-family--system-font)",
|
|
"lineHeight": "var(--wp--custom--typography--line-height--normal)",
|
|
"fontSize": "var(--wp--preset--font-size--medium)"
|
|
}
|
|
},
|
|
"templateParts": [
|
|
{
|
|
"name": "header",
|
|
"title": "Header",
|
|
"area": "header"
|
|
}
|
|
]
|
|
}
|