Under Settings → Theme → Typography you control every font on the storefront — the families, the size scale, weights, and how headings look.
Font families
Three pickers — Body Font, Heading Font, and Mono Font — each a dropdown grouped into Custom Fonts (your uploads), Google Fonts (~110 curated families), and System. Pick a Google font and its stylesheet is loaded automatically.
📷 Screenshot: The Font Family picker open, showing the Google Fonts group.
To add your own font, see Custom CSS & fonts.
Font sizes
Two groups of size steps that everything scales from:
- Base: XS, SM, Base, LG, XL, 2XL — body-level sizes.
- Display: 3XL, 4XL, 5XL, Display — the big hero/heading sizes.
Weights & line heights
- Font Weights: Normal, Medium, Semibold, Bold.
- Line Heights: Tight (headings), Normal (body), Relaxed (roomier copy).
Headings
- Heading Defaults (all levels) — global fallbacks for every heading: Default Letter Spacing (e.g.
-0.03em), Default Font Style (Normal / Italic), Default Font Weight. - Per-Level Heading Styles — a table with a row for H1–H6, each able to override Font Family, Size, Weight, Style, and Letter Spacing. Leave a cell on Inherit to use the defaults above.
💡 Tip: For a distinctive look, set a Heading Font different from your Body Font (e.g. a display face for headings, a clean sans for body) — that single change reshapes the whole site.
Next: Spacing & layout.