To change fonts in a WordPress block theme, start with global Styles, then check any block-level overrides. This keeps the reading text, headings, and project titles consistent without editing each page separately. A good font change should improve the actual content, including the longest title and smallest caption.
This guide covers WordPress 6.6 and later block-theme workflows, including 7.x. Use an administrator account and make a backup before changing a live site. Menu placement varies by version: the Site Editor remains under Appearance → Editor, while WordPress 7.0 introduced a separate Appearance → Fonts screen for the Font Library.
How to change fonts in a WordPress block theme
1. Choose a representative page before editing
Open a published article or project in another browser tab. Include a page with a long heading, several paragraphs, a caption, a link, and a button if your site uses one. Keep this tab available for comparison as you work.
Write down the current body and heading choices, including size and weight. A screenshot can help you restore the visual balance later. Decide whether you are changing the whole site’s voice or correcting one awkward element; those are different scopes of work.
For example, Monograph has a display-size opening headline and spacious project rows. A font that looks comfortable in a paragraph may make that opening wrap into several extra lines. Check the home page as well as an article before settling on it.
2. Open the site’s global typography settings
In the dashboard, open Appearance → Editor. Open Styles; in the editing canvas, its button uses a half-shaded circle. If the editor opens on its navigation screen, enter the design or editing canvas first. Then select Typography.
Look for the settings for Text and Headings. Text establishes a broad reading-text choice, while Headings lets you set a different family for headings. Buttons and links can have their own controls. The available options depend on your WordPress version and the theme’s configuration.
Begin with a font already available in the selector. This separates the design decision from font installation: you can confirm that the right text changes before introducing another family or uploading files.
3. Set the reading text first
Select Text and choose the font family. Read a complete paragraph in the preview instead of judging the font from its name or a short sample. Check punctuation, numerals, bold phrases, and any accented characters your writing uses.
Adjust size and line height only if needed. Keep a comfortable gap between lines without making a short paragraph feel disconnected. Avoid compensating for a very wide font by shrinking the text until it becomes difficult to read.
Compare your first paragraph with the original browser tab. If both the font and size changed, temporarily restore the old size so you can judge the family itself. Changing one variable at a time makes the result easier to evaluate and undo.
4. Set headings and inspect repeated titles
Return to Typography, select Headings, and choose the heading family. Check the different heading levels where your version exposes them. A large opening statement and a section heading do different jobs, even when they share a font.
Inspect project cards and archive titles separately. A Post Title block may have settings that differ from an ordinary Heading block. If an element does not follow your global choice, select it in the editor and inspect its typography controls before changing the entire site again.
Use Styles → Blocks when you want to change every instance of a particular block type. Use a selected block’s own settings for a deliberate exception. Keep those exceptions rare enough that you can remember why they exist.
5. Add a font only when you need one
In WordPress 6.6, open Styles → Typography and select Manage fonts beside the font list. In WordPress 7.x, use Appearance → Fonts to manage the library. Choose Upload to add licensed font files, or use the available installation collection when appropriate.
Install only the variants you expect to use. Regular body text, emphasized text, and headings may not need an entire family’s worth of weights. Confirm that the files contain the characters your site needs, especially for multilingual content or names with accents.
Installing a family makes it available; you still need to assign it in Styles → Typography. For a closer look at local delivery and request checks, read the guide to self-hosting fonts.
6. Save and check the public pages
Select Save and review the changes listed in the confirmation panel. Save the intended style changes, then reload the published page in your separate tab. The editor preview alone does not show every layout or cache condition visitors may encounter.
Check a narrow browser window and zoom the page. Look for clipped navigation, crowded buttons, headings that collide with images, and captions that became too small. Read an actual paragraph rather than checking only the opening screen.
Finally, revisit an archive and a second article. A useful site-wide choice should survive different title lengths and content patterns. If the result works only on your sample page, simplify the typography before adding local fixes everywhere.
Common problems
The font changed in some places but not others
Inspect the unchanged block for an explicit font-family setting. Also check Styles → Blocks for a block-wide choice. Remove or adjust the specific override you no longer want; resetting all site styles can discard unrelated color and spacing work.
The new font is missing from the selector
Confirm that installation or upload completed and that the family is enabled in the library. Reload the editor after saving. If a file was rejected, verify its format and your permissions rather than renaming its extension.
The editor looks right but the public page looks old
Reload the page, then clear the relevant page or CDN cache if your site uses one. Check in a signed-out window. Do not install the font repeatedly: first determine whether you are viewing an older saved stylesheet.
FAQ
Can I change fonts in a WordPress block theme without code?
Yes, when the theme exposes the relevant typography controls. Use global Styles for shared choices and inspect block overrides for exceptions; uploading a font and applying it are separate actions.
Summary
Choose the reading font first, adjust headings, and inspect repeated titles before saving. Verify the public home page, archive, and article at narrow widths so a small typography change does not create a layout problem elsewhere.
For examples of different typographic structures, browse WordPress portfolio themes or minimal WordPress blog themes.