Typography
Citera uses two font choices for the whole store — one for headings, one for body text. Set them once in theme settings and every section inherits.
Setting fonts
Open Theme settings → Typography
In the theme editor, gear icon → Typography.
Pick a heading font
Click the Heading font picker. Search or scroll to pick a font. Shopify’s font library (Google Fonts + Shopify’s curated set) is included — no external CDN.
Pick a body font
Same as above, for the Body font picker. Most stores look best with a sans-serif body font, regardless of the heading choice.
Save
Regular, bold, and italic weights load automatically. So italic emphasis inside a paragraph renders correctly, and bold headings work without extra setup.
Font pairings that work
If you’re not sure what to pair:
| Style | Heading | Body |
|---|---|---|
| Editorial | Playfair Display | Inter or Nunito Sans |
| Modern DTC | Cabinet Grotesk | Inter |
| Minimal | Space Grotesk | Space Grotesk |
| Warm brand | Fraunces | Nunito Sans |
| Classic | Cormorant Garamond | Lato |
Font size scale
Citera scales font sizes fluidly between mobile and desktop — text is smaller on small screens, larger on wide screens, without abrupt jumps. There’s no per-section font-size setting; the scale is theme-wide.
If you want a specific block bigger or smaller, use the section-level headline size setting (many sections have small/medium/large presets).
Line height and spacing
Line height is set globally to match typical reading comfort. For headlines the line height tightens; for body text it opens up. This is baked into the theme — no per-section override — to keep vertical rhythm consistent across the store.
Uppercase, letter-spacing, and small caps
Some section headers use uppercase with letter-spacing (like eyebrow labels). This is a per-section design choice built into that section — you can’t apply uppercase globally, but you can turn it off per-section where the setting exists.