Getting started

Dirigible Fonts loads typefaces from your server β€” not from Google or Adobe CDNs. You choose which families to enable, then tell the theme where to use each one.

Activate a font family

  1. In the WordPress admin, open Fonts (top-level menu with the paragraph icon).
  2. Browse or search the directory on the right.
  3. Click Add to Site on the family you want.
  4. The family moves to Active Fonts at the top. Each card shows a Stack value (for example, Inter, sans-serif).

Changes save automatically β€” you will see a brief β€œChanges saved” toast 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:

  1. Go to Appearance β†’ Customize β†’ Styles β†’ Fonts.
  2. Paste or type the Stack into Display Font Stack, Body Font Stack, or Alternate Font Stack as needed.
  3. 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 bundle

Dirigible Fonts covers families shipped with the plugin. For Typekit, Adobe Fonts, or other hosted CSS, use Appearance β†’ Customize β†’ Scripts & Embeds β†’ Embed Fonts β€” see Embed Fonts.

Performance toggles

Settings β†’ General in the Customizer includes Font Preload and Load Italic Early. Those affect how quickly active fonts appear; they do not replace stack choices. See General.