To change a font in WordPress, first check whether your active theme is a block theme or a classic theme. With a block theme, use Appearance > Editor > Styles for site-wide typography, or change a supported block in its Typography settings. Classic themes do not use the Site Editor workflow, so their font controls depend on the theme.
Choose the right font workflow
The right setting depends on the scope of the change, your theme, and where the font comes from. The theme determines which font families and typography controls are available.
| # | Preview | Product | Price | |
|---|---|---|---|---|
| 1 |
|
Essential Tools for Programmers: The Web Developer’s Toolkit, create your own web apps in the... | $9.99 | Buy on Amazon |
| What you want to change | Where to look | What to know |
|---|---|---|
| One block | Select the block, then open the Settings sidebar and its Typography controls. | Choose Font family if the control is available; the theme determines the available choices. WordPress typography settings documentation. |
| Site-wide typography or defaults for block types | Appearance > Editor > Styles > Typography. | This Styles workflow requires a block theme and WordPress 5.9 or higher. WordPress Styles documentation. |
| Upload or manage fonts | Appearance > Fonts, if the Font Library is available. | The Font Library can manage theme-provided, uploaded, and Google Fonts fonts. WordPress Font Library documentation. |
| Classic-theme typography | Check the theme’s settings or the Customizer. | Classic themes do not support the Site Editor, and the location of font controls varies by theme. WordPress Site Editor documentation. |
Change the font for one block
-
Open the page or post in the editor and select the block you want to change.
-
Open the Settings sidebar. In Typography, choose Font family and select an available font.
Outdated Drivers Are Slowing You Down
One free scan finds every outdated or missing driver and matches the right update for your exact hardware.Free scan · exact hardware matchWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallSpecial offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy. -
If you do not see the font-family control, open the Typography options menu and check whether the control can be enabled. The exact controls depend on the selected block and theme. See WordPress’s typography settings overview.
Change typography across a block-theme site
For a site-wide change, open Appearance > Editor > Styles > Typography. Choose the site element or block type you want to adjust, then select an available font. Styles can set typography across the site and defaults for block types. This workflow is for block themes and requires WordPress 5.9 or higher. WordPress explains Styles here.
Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Add or manage fonts with the Font Library
If your WordPress installation and theme provide the Font Library, open Appearance > Fonts to manage theme fonts, upload fonts, or install fonts from Google Fonts. Afterward, use Appearance > Editor > Styles to apply an available font across the site or to a block. The Font Library and its options may not be available in every theme or setup, and the theme still determines which options appear. Read the Font Library documentation.
If Appearance > Editor is missing
Check which theme is active. The Site Editor is for block themes; classic themes do not support that workflow. A classic theme may offer typography settings in its own options or in the Customizer, but the menu path differs from theme to theme. Check the active theme’s documentation rather than following block-theme instructions that do not match your dashboard. WordPress’s Site Editor guide describes the theme distinction.
For theme developers: register font families
Theme developers can register font families with the settings.typography.fontFamilies property in theme.json. WordPress documents support for system fonts and web fonts bundled with a theme; registered families can then appear in supported block typography controls. See the WordPress theme documentation for typography settings.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
