Fonts

Usage

Open Appearance → Customize → Styles → Fonts to set the three fonts your site uses. Display Font Stack is for large headings (H1–H3). Body Font Stack is for paragraphs, buttons, navigation, and form fields. Alternate Font Stack is an accent font for smaller headings (H4–H6), tags, and standalone links.

Turn on font families first in Dirigible Fonts (see Getting started), then copy the Stack from each family's card into the matching field here.

When to use it

• During Theme Setup or a rebrand, before adjusting heading sizes under Styles → Header 1 through Header 6.
• When headings and body text should use different fonts. Set Display and Body first, then change the Font on individual heading levels only where needed.
• After adding or swapping a family in Dirigible Fonts, so headings and paragraphs use the new font.

Tips

• You don't upload fonts here. Turn families on under Fonts in the admin (Managing fonts), then paste each Stack here.
• Font Preload and Load Italic Early under Settings → General affect how quickly these fonts appear.
• Most Font menus elsewhere in Styles offer Display, Body, and Alternate. Changing a font here updates every setting that uses it.
• Keep the fallback (serif or sans-serif) at the end of each stack so text stays readable if a font fails to load.