Typography
Theme settings → Typography
Controls every font used across the store, plus how big and how tight/loose that text is. Settings are split into six text “roles” — Heading, Text (body copy), Button, Menu, Product title, and Subheading — each configured separately.
Font families
Section titled “Font families”- Heading, Text, Button, Menu, Product title, Subheading — a font picker for each role. All default to Work Sans (regular).
Font size
Section titled “Font size”Sets the font size of each role as a percentage of its base size — useful for making all headings (or all body text) bigger or smaller everywhere at once, without changing every section individually.
- Show settings for — choose Desktop or Mobile before editing the sizes below.
- Heading / Text / Button / Menu / Product title — range 50–250%, default 100%.
- Subheading — range 50–250%, default 85% (subheadings are small by default).
- Product chip heading — range 50–250%, default 100%. The product title inside the compact product chip (used by shop the look, media carousels and reviews).
- Collection quick links — range 50–250%, default 100%. The link text in the collection quick links section and on collection pages.
- Collapsible content heading — range 50–250%, default 100%. The clickable heading on every collapsible item (the Collapsible content section, the product Collapsible content block, footer menus on mobile, and the cart drawer’s discount and order note sections). Set once here rather than per section, so these headings stay consistent and can be retuned in one place after a font change.
Each has an independent desktop and mobile value.
Letter spacing and line height
Section titled “Letter spacing and line height”Each role has both a letter spacing and a line height value, and both always apply. The Show settings for switch only changes which of the two groups you’re editing.
- Show settings for — Letter spacing or Line height (default: Line height).
- If Letter spacing: pick a value from Tightest to Widest for Heading, Text, Button, Menu, Product title, Subheading.
- If Line height: pick a line-height value from 0.8 to 1.6 for the same six roles (default 1 for all).
Uppercase
Section titled “Uppercase”A checkbox per role (Heading, Text, Button, Menu, Product title, Subheading) to force that role’s text into uppercase. All off by default.
Product pills
Section titled “Product pills”Pills are the small rounded tags used for things like filter options.
- Font style — which of the six type roles (Heading/Text/Button/Menu) the pill text borrows. Default: Text.
- Size — Base, Small, or X-small. Default: X-small.
Product badges
Section titled “Product badges”Badges are the small labels on product cards (e.g. “Sale”, “Sold out”).
- Font style — Heading/Text/Button/Menu. Default: Button.
- Size — Base, Small, or X-small. Default: X-small.