Change your site’s typography

Typography settings control the size, style, and appearance of text on your site, helping you create a consistent and visually appealing design. In our guides, you’ll learn how to adjust typography settings using the WordPress editor.

In this video, you’ll learn how to change your site’s typography in the WordPress editor. It covers adjusting text settings across your whole site, for specific elements, or for a single block.

Typography settings can be applied to the whole site, specific elements on your site, or a single block of content. The option to apply typography settings only appears on blocks that include text that can be styled.

Typography changes made to individual blocks are available to all sites. To change the typography settings for a single block, follow these steps:

1. Visit your site’s dashboard.
2. Navigate to the page, post, or template you want to edit.
3. Select the block you want to change the typography for.
4. Locate the block settings sidebar.
5. Scroll to the Typography section.

From the Typography section you can:

• Change font size
• Apply bold, italic, and text decorations
• Apply text transformation
• Adjust font spacing

In a block’s typography settings, you will see the most commonly used settings. For example, in a Paragraph block, the “font size” option is displayed by default. You can browse and activate additional typography settings for individual blocks by following these steps:

1. Select the block you want to change the typography settings for.
2. Locate the block settings sidebar.
3. Click the three dots (⋮) next to Typography to open the typography options menu.
4. Click each typography setting that you want to customize.
5. Click the three dots (⋮) again to close the typography options menu.

Typography options include:

• Font size
• Font family
• Appearance
• Line height
• Decoration
• Letter case
• Letter spacing
• Columns

The settings available will depend on the block you are using. Not all settings will be available on all blocks.

This section of the guide applies to sites with our WordPress.com Personal, Premium, Business, and Commerce plans. For free sites, upgrade your plan to access this feature.

To edit the typography settings for your whole site, follow these steps:

1. Visit your site’s dashboard.
2. Go to Appearance → Editor.
   • Don’t see Editor? Your site uses a classic theme; see change your site’s fonts instead.
3. Select Styles from the left-side menu.
4. Click Typography.
5. Under Elements, select the part of your site you want to change:
   • Text: body text across your site.
   • Links: linked text.
   • Headings: all headings, or one heading level.
   • Captions: image and media captions.
   • Buttons: button labels.
6. Choose the font, size, and appearance for that element.
7. Click “Review change” or Save to apply your changes.

To set the default typography for one block type across your site, see set the default style for blocks.

To change what small, medium, and large mean on your site, see edit font size presets.

For an overview of your site’s design settings, see style your site.

The WordPress Agent can help you choose and refine typography settings that suit your site. Here are some sample prompts you can copy and use:

• “What font size and line height should I use for a readable blog post?”
• “Suggest a typography style for a photography portfolio site.”
• “What’s the difference between em and px units for font size?”
• “How do I make my headings stand out from my body text?”