Typography

Select fonts and typography presets that define your store's visual voice — from minimal single-font layouts to expressive multi-font pairings.

Theme Editor → Theme settings → Typography

---

Typography that does the talking before customers read a word

Your font choices communicate personality the moment the page loads — before a customer reads a single word of product copy. A serif accent font signals tradition and craft. A geometric sans-serif reads as clean and modern. A bold display face says confidence. Avante ships with 9 carefully curated presets that pair fonts the way a designer would, so you get a coherent typographic identity without needing to know what "kerning" means.

---

Typography preset

Each preset defines a combination of Base and Accent fonts with pre-configured sizes optimized for readability at every scale.

Preset	Character
Minimal uppercase	Single font, uppercase styling — clean and authoritative
Minimal basic	Single font, standard case — versatile, performance-friendly
Minimal heavy	Single font, heavier weight — strong, modern
Classic	Base + Accent pairing, traditional look — the most versatile starting point
Avant-garde	Base + Accent pairing, contemporary and minimal
Contrast	Base + Accent pairing, high contrast between body and headings
Brutalist	Base + Accent pairing, bold editorial — built for fashion and streetwear
Duet	Base + Accent pairing, balanced and harmonious
Custom	Full granular control over every individual text style. See Custom typography preset for all settings.

Swap base and accent fonts — instantly inverts which font is used for body text and headings. Useful for quickly testing whether a combination reads better reversed.

Tip:Start with a preset that's directionally close to your brand — then switch to Custom if you need fine-tuned control over individual text styles.

---

Fonts

Avante supports three font slots:

	Used for	Available weights
Base	Body text throughout the store	Regular / Medium / Bold
Accent	Headings and titles	Regular / Medium / Bold
Secondary	Third font variation for specific UI elements	—

The Secondary font: a secret weapon. Most stores use two fonts. Avante supports a third — a Secondary font you can apply to any single word in a heading by wrapping it in {curly brackets}:

AVANTE—{BEYOND} THE ORDINARY

The bracketed word renders in the Secondary font. Use it to add a contrasting accent word, highlight a brand name, or create a typographic logo effect in any text block — without design software or custom code.

Adding fonts affects store performance. Each additional font loads extra files — extra fonts can add 0.5–1 second to perceived load time. Stick to 1–2 fonts where possible. See Shopify's font speed guide.

---

Custom fonts

Upload your own brand fonts to use instead of Shopify's built-in font library.

Enable custom fonts — toggle to activate custom font upload.

Once enabled, upload your font files to the theme assets and add @font-face declarations following the Shopify custom fonts guide.

Supported formats: WOFF and WOFF2 only.

This is a code-level task. Adding custom fonts — including Adobe Fonts (Typekit) — requires editing theme files. See Can I use custom fonts? for step-by-step instructions.