Custom typography preset

Full control over every individual text style — font, size, weight, and spacing — independently for each heading and body level.

Theme settings → Typography → Typography preset

Available only when Custom is selected in Theme settings → Typography → Typography preset.

The built-in presets cover most brands. Custom preset is for when you need to go further — a different font per heading level, precise letter-spacing for a luxury feel, or responsive sizes that are tuned independently for desktop and mobile.

---

When to use Custom preset

Mix fonts by heading level Use Accent for H1, Base for H2–H3 for contrast.

Tune letter-spacing Add spacing for a luxury or editorial feel.

Set responsive sizes per element Control desktop and mobile sizes independently.

Use uppercase selectively Apply it only to labels or headings — not everywhere.

---

Text styles

Custom preset exposes 9 individual text styles. For each you can set:

Control	What it does
Font	Base, Accent, or Secondary
Case	None / Uppercase / Capitalize
Weight	Regular / Medium / Bold
Line height	Controls vertical spacing between lines
Desktop base size	Font size on desktop
Mobile base size	Font size on mobile (set independently)
Letter-spacing	Horizontal spacing between characters

The 9 styles and where they apply:

Style	Used for
Heading XL	Page hero titles, large banner headings
Heading L	Section headings
Heading M	Subsection headings, product titles
Heading S	Card titles, smaller headings
Heading XS	Labels styled as headings, small titles
Body L	Large body text, intros
Body M	Standard body text, product descriptions
Body S	Small body text, footnotes, captions
Label	Badges, tags, UI labels

---

UI element assignments

Beyond the 9 text styles, Custom preset lets you assign any style to specific UI components:

• Label — assign a text style to UI labels across the store
• Buttons — choose which text style applies to button labels
• Product cards — control the text style on product card titles and labels
• Collection cards — same for collection cards
• Navigation — assign a text style to menu items

Tip: Assign the Secondary font as a third independent typeface for specific UI elements like buttons or labels. Set it first in Theme settings → Typography → Secondary.

---

Fonts not applying in Safari or Firefox after updating to v14? This is a known CSS bug in the v14 release. See Fonts not displaying in Safari or Firefox for the fix.