Managing fonts
The Fonts screen has two areas: Active Fonts at the top (what loads on the site) and the directory below (everything you can still add).
Browse and search
Use Search fonts... in the sidebar to filter by name. Category buttons narrow the list:
- All, Sans Serif, Serif, Mono, Display, Handwriting
Preview Size and Preview Text in the sidebar update every card in the directory so you can judge readability before adding a family.
Add a family
Click Add to Site on a directory card. The family moves to Active Fonts with sensible defaults:
- Variable fonts start with normal weight on the full width axis when supported.
- Static fonts enable common weights (400 and 700 when available).
Adding a font does not update Styles → Fonts stacks — copy the Stack from the active card into the Customizer when you are ready to use the face on the site.
Edit weights and styles
Each active card lists enabled weights and styles (normal, italic, bold, and combinations). Toggle weights on or off to control which @font-face rules the site generates.
Variable fonts show a weight slider instead of individual weight toggles when the family supports a continuous range.
Width (variable fonts)
When a variable family supports width, choose:
- Full axis — load the entire width range (condensed through expanded).
- One value — pick a single width with the slider or named instances (Regular, Condensed, and so on).
Use Reset on the width controls to return to the family default.
Remove a family
Click Remove Font on an active card and confirm. The family returns to the directory and stops loading on the front end, block editor, and admin.
Removing a font does not clear Styles → Fonts stacks — update those fields if the site still references a family you removed.
What visitors see
Active families load as self-hosted files with font-display: swap. The block editor receives the same faces so preview matches the live site. Preload and italic timing follow Font Preload and Load Italic Early under theme Settings → General.