Getting started
Dirigible Fonts serves fonts from your own site, so visitors’ browsers do not have to fetch them from Google Fonts or Adobe. You choose which families to turn on, then tell the theme where to use each one.
Activate a font family
- In the WordPress admin, open Fonts (top-level menu with the paragraph icon).
- Browse or search the directory on the right.
- Click Add to Site on the family you want.
- The family moves to Active Fonts at the top. Each card shows a Stack value (for example,
Inter, sans-serif).
Changes save automatically. A short “Changes saved” message appears after each edit.
Assign stacks in the Customizer
Activating a font loads its files on the site. It does not change headings or body copy until you assign stacks:
- Go to Appearance → Customize → Styles → Fonts.
- Paste or type the Stack into Display Font Stack, Body Font Stack, or Alternate Font Stack as needed.
- Publish the Customizer.
| Stack | Typical use |
|---|---|
| Display | Large headings (H1–H3), hero titles |
| Body | Paragraphs, buttons, navigation, forms |
| Alternate | Smaller headings (H4–H6), tags, accent links |
See Palette and Typography for how stacks fit with your color palette and heading styles.
Alternate path: Theme Setup
During Guided Theme Setup, the Typography step can activate font families and set stacks for you. You can still fine-tune families later under Fonts and Styles → Fonts.
Fonts not in the collection
Dirigible Fonts covers the families listed under Fonts. For Adobe Fonts (Typekit) or another font service, use Appearance → Customize → Scripts & Embeds → Embed Fonts. See Embed Fonts.
Performance toggles
Customize → Settings → General includes Font Preload and Load Italic Early. They affect how quickly active fonts appear, not which fonts are used. See General.