Voyager’s type system has three roles: a sans-serif body that carries product copy and UI, a serif heading that opens sections with editorial weight, and a script accent that adds the signature flourish to hero and product titles. All three controls live in Theme settings → Typography.Documentation Index
Fetch the complete documentation index at: https://voyage-theme.fasil.in/llms.txt
Use this file to discover all available pages before exploring further.
The three fonts
| Setting | Default | Renders |
|---|---|---|
| Body font | Assistant Regular | Paragraphs, product descriptions, line-item meta, buttons, form fields, table cells |
| Heading font | Playfair Display Regular | Section headings, product titles, the cart drawer header, page titles |
| Accent font (italic / script) | Playfair Display Italic | Italic headings, the script overline on the hero, decorative pulls in the studio note |
Picking fonts
Each setting is a Shopifyfont_picker, so you choose from Shopify’s hosted font library (the same fonts available across all themes — no external loads, no FOUT).
When you swap a font, Voyager automatically derives the bold and italic variants using Shopify’s font_modify filter. You don’t pick three weights per font — pick one, and Voyager stretches it across the whole storefront.
Scale ranges
Two scale controls let you tune size globally without touching individual sections.| Setting | Range | Default | Step |
|---|---|---|---|
| Body size | 90% to 130% | 100% | 5% |
| Heading size | 90% to 160% | 110% | 5% |
14 px body, fluid heading ramp from 28 px to 96 px). A 110% heading scale means every heading on the storefront grows by 10% — the H1 in the hero, every section header, every product title.
| When to scale up | When to scale down |
|---|---|
Body type ≤ 14 px feels cramped — push to 105–115% | Headlines feel oversized on mobile — drop heading scale to 95–100% |
Heading register feels timid — push heading scale to 120–130% | Long product titles wrap awkwardly — drop heading scale to 100% |
Recommended pairings
Default — Assistant + Playfair
Default — Assistant + Playfair
Voyager’s shipping pairing. Modern humanist sans with a classic transitional serif. Works on every product category. Italianno-style flourishes from the italic variant give the editorial accent without needing a third font.
Editorial — Inter + DM Serif Display
Editorial — Inter + DM Serif Display
Tighter and more contemporary. Inter at body, DM Serif Display at headings. Reads younger than the default — recommended for fashion brands targeting visitors under 30, beauty brands, and considered home goods.
Quiet — Söhne (or Inter) + Inter Display
Quiet — Söhne (or Inter) + Inter Display
A monoline pairing where the heading is just a heavier weight of the body. Reads as restraint. Recommended for niche fragrance, sculpture, and brands where the imagery does the heavy lifting.
Maximal — Cormorant + Cormorant SC
Maximal — Cormorant + Cormorant SC
A single-family serif system using small caps for headings. Very Italian, very heritage. Recommended for tailoring, watches, and houses with a long history. The heading scale at
120–130% reads correctly.A note on script fonts
The default accent uses Playfair Display Italic, which renders correctly across every Voyager surface — including the Shopify Checkout, if you mirror the typography in Checkout branding. If you replace the accent with a true script font (Italianno, Allura, Petit Formal Script), be aware of one caveat: If you want the script flourish without the fallback risk, use the italic of your serif heading (Voyager’s default) — it gives 80% of the editorial mood with 100% of the cross-surface reliability.What’s next
Layout & spacing
Container width, section spacing, rule weight, card ratios.
Theme styles
Three named presets that ship with curated type + colour combinations.