Guides/Edit your website/Editor/Change your site's typography

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.

Video tutorial

From the course: Create your website on WordPress.com

Access the typography settings

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

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

  1. Visit your site’s dashboard.
  2. Go to Appearance → Editor.
  3. Select “Styles” from the left-side menu.
  4. Click Typography to edit the default typography for your site, or Blocks to choose a specific block to change the default typography for.

Learn more about editing your site’s styles.

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.
The Typography settings for a block, displaying the options to change font, size, appearance and more settings.

View all typography settings

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

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

Typography in the Block Settings sidebar, with the additional options expanded.

Customize your typography

Learn how to adjust specific typography settings in the following guides:

Change font size

In this guide, you will learn how to change your font size, edit existing font size presets and create new ones.

Apply text transformation

In this guide, you will learn how to change text orientation, modify letter case, and add decorative drop caps.

Adjust font spacing

In this guide, learn how to adjust the line height and letter spacing of text on your site.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!