Change the Font in a WordPress Theme

Updated 5 November 2026 · Standard formula, shown below

You can change a WordPress theme’s fonts in the Site Editor, the Customizer, or the theme’s own settings, depending on how the site is built. Start with the editor your theme supports, choose the typography controls, and preview the result before publishing.

How WordPress Theme Fonts Work

A theme’s typography rules determine which typefaces appear on headings, paragraphs, navigation, buttons, and other elements. A theme may define one font for body text and another for headings, along with sizes, weights, line spacing, and letter spacing. Changing a global font setting usually updates several parts of the site at once, while a block-level setting can affect only the selected text.

WordPress sites generally use one of two theme approaches. Block themes let you edit site-wide styles in the Site Editor. Classic themes may offer typography settings in the Customizer or a theme-specific options panel. Some themes provide no font controls, in which case a supported plugin or custom CSS may be needed.

Change Fonts in the Site Editor

If your dashboard includes Appearance > Editor, your site likely uses a block theme. Menu labels can vary slightly with WordPress and theme versions, but the general process is:

Open Appearance > Editor in the WordPress dashboard.
Open Styles, often represented by a half-filled circle, then choose Typography.
Select the text category you want to change, such as text or headings. Depending on the theme, you may also see options for links, buttons, or individual heading levels.
Choose an available font family and adjust other settings, such as size or line height, if needed.
Preview important pages and screen sizes, then select Save.

Changing typography in Styles is intended for site-wide design. To change just one block, select it in the editor and look for its typography controls in the settings sidebar. Block-level choices can override global styles, so check whether a local setting is preventing a global change from appearing.

Change Fonts in a Classic Theme

For many classic themes, open Appearance > Customize and look for a section called Typography, Fonts, General, or Theme Options. Choose the text area and font, preview the change, and publish it. Not every classic theme includes this feature; the exact controls depend on the theme.

If the Customizer has no font settings, check the theme’s documentation or its own settings panel before installing anything. A theme may place controls under a separate dashboard menu. If it does not support font selection, a typography plugin can add controls without requiring code. Choose a plugin that is actively maintained and compatible with your WordPress setup, and avoid installing several plugins that control the same styles.

Choose a Font and Set Readable Typography

The best font is one that suits the site’s purpose and remains comfortable to read. A decorative typeface may work for a short heading but be tiring in long paragraphs. Consider the full page, not just a sample heading, and check how the font looks on a phone as well as a desktop screen.

Readability: Check body text at its actual display size, including letter shapes that can be hard to distinguish.
Hierarchy: Use consistent styles for headings, paragraphs, captions, and buttons so readers can scan the page.
Weight and spacing: Avoid very light text on a light background. Line height should leave enough space between lines, especially in longer paragraphs.
Character coverage: Confirm the chosen font supports the languages and special characters your site uses.
Performance: Each additional font family or weight may require another font file to load. Limit choices to the styles you actually use.

A practical starting point is one font family for body text and, if the design benefits from it, one for headings. The right sizes depend on the theme and layout; preview the actual content rather than relying on a single universal size recommendation.

When a Font Change Does Not Appear

If the saved setting has no visible effect, first confirm that you changed the right scope. A global style may not override a block with its own typography setting, and a theme may assign different styles to navigation or buttons. Check the relevant element in the editor and remove or update a local override if appropriate.

Other common causes include cached files, a page builder’s own typography controls, or custom CSS that takes precedence over the theme. Try these checks:

Reload the page and check it in a private or incognito browser window.
Clear any site, hosting, or browser cache you control, then reload again.
Inspect the page in the editor or page builder for a separate font setting on the affected block or template.
Review custom CSS added through the theme, a plugin, or the Additional CSS panel for rules that specify a different font.

Do not edit a theme’s core files directly just to change typography. A theme update can overwrite those changes. If custom code is necessary, use a child theme or the theme’s supported custom CSS feature, and keep a record of what you changed.

Font Loading, Accessibility, and Maintenance

Fonts can be loaded from files on the site or from an external font service, depending on the theme and configuration. External loading can involve a connection to another provider; self-hosting keeps the files on your site but requires a suitable font file and correct configuration. Use font files only when you have permission to use them, and make sure the chosen font includes the required character sets.

Typography should support accessibility, not just appearance. Keep text and background contrast strong, avoid tiny body text, and do not use color or font styling as the only way to communicate meaning. After changing a font, inspect menus, forms, buttons, and long pages: a wider typeface can cause wrapping, overlap, or unexpected layout shifts. Recheck the site after theme updates, especially if the theme controls fonts through its own settings.

Frequently Asked Questions

Can I change a WordPress font without coding?
Usually. Use the Site Editor for a block theme or the Customizer and theme settings for a classic theme. If the theme has no font controls, a typography plugin may provide a no-code option.

Why is there no Typography option in my WordPress dashboard?
Your theme may not expose font controls in the editor you are using. Check whether it is a block or classic theme, then look in the corresponding editor or the theme’s documentation and settings.

Can I use different fonts for headings and body text?
Yes, if your theme provides separate controls. Set a heading font and a body font in global styles or theme typography settings, then review individual blocks for overrides.

Will changing a font affect every page?
A global typography setting can affect many pages and templates, but local block styles or page-builder settings may take precedence. Preview key page types after saving.

Does changing the font make a WordPress site slower?
It can add loading work if it introduces extra font files, families, or weights. Keeping the number of styles limited helps avoid unnecessary font requests.

How do I change only one paragraph’s font?
Select the paragraph in the block editor and look for typography settings in the block sidebar. If that control is unavailable, the theme may require a supported plugin or custom CSS for a one-off style.

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.