Similar to how I described the default color palette in the previous lesson, WordPress adds the default font sizes with CSS custom properties.

Quite a few blocks have support for font size controls in the editor (July 2022, Gutenberg 13.7):īutton, code, comment author name, comment content, comment date, comment edit link, comment reply link, comments pagination, comments title, group, heading, list, navigation, paragraph, post author, post author name, post comments count, post comments form, post comments link, post date, post excerpt, post navigation link, post terms, post title, preformatted, pull quote, query pagination, query title, quote, read more, site tagline, site title, table, term description, verse. name: The visible name in the editor (optional).įontFamily can include one font or several, including your fallback font: ) Font size Which WordPress blocks support font sizes?.slug: The unique identifier, that WordPress uses in the CSS custom property.fontFamily: The font family names (the CSS value).Inside this category, you place the font family names in an array, using the following values: Note that the category name for the list is fontFamilies (plural). Typography options on the root level of the settings section creates presets that you can use for the website and for all blocks. You add font families in theme.json by listing them inside the typography section under the main settings section: Once you have registered the font options they are available in the Font family control in the block’s typography panel: How to add font families to the block editor The following blocks have a font family control in the editor (July 2022, Gutenberg 13.7):īutton, comment author name, comment content, comment date, comment edit link, comment reply link, comments title, heading, list, navigation, post author biography, post author name, post date, post navigation link, post title, query title, read more, site tagline, site title, verse. You can add a default font family to the website and to any text based block using the theme.json styles section. How to disable the custom font size optionįont family Which blocks support font family?.Adding a font size option for a specific block.

How to add new font sizes using theme.json.

Which WordPress blocks support font sizes?.

How to add custom fonts from Google Fonts.

How to add a font family for a specific block.

How to add font families to the block editor.

Name of font with block letter