Typography
Controls fonts, sizes, weights, and spacing for all text across your store.
Where to find it
- In your Shopify admin, go to Online Store → Themes → Customize
- Click the Theme settings (gear icon) in the left panel
- Click Typography
Settings
Body text
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Font family | Selects the font used for all body text such as paragraphs and descriptions. | Any font from the Shopify font library | Poppins |
| Desktop font size | Scales body text size on desktop screens. | 50% – 250% (step 5%) | 100% |
| Mobile font size | Scales body text size on mobile screens. | 50% – 200% (step 5%) | 100% |
| Font weight | Controls how thick or thin body text appears. | 100 – 900 (step 100) | 500 |
| Letter spacing | Adjusts the horizontal space between letters in body text. | -30% – 40% (step 1%) | 0% |
| Line height | Sets the vertical space between lines of body text. | 1 – 1.5 (step 0.1) | 1.3 |
Heading
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Font family | Selects the font used for all headings. | Any font from the Shopify font library | Poppins |
| Desktop font size | Scales heading size on desktop screens. | 50% – 200% (step 5%) | 100% |
| Mobile font size | Scales heading size on mobile screens. | 50% – 150% (step 5%) | 100% |
| Font weight | Controls how thick or thin headings appear. | 100 – 900 (step 100) | 800 |
| Letter spacing | Adjusts the horizontal space between letters in headings. | -40% – 50% (step 1%) | 0% |
| Line height | Sets the vertical space between lines of heading text. | 1 – 1.5 (step 0.1) | 1.2 |
| Text transform | Changes the capitalization style of headings. | Unset, Capitalize, Uppercase, Lowercase | Uppercase |
Highlights heading
| Setting | What it does | Options / Range | Default |
|---|---|---|---|
| Font family | Selects the font used for highlighted heading text. | Any font from the Shopify font library | Poppins |
| Font weight | Controls how thick or thin highlighted heading text appears. | 100 – 900 (step 100) | 500 |
| Style | Chooses the visual style applied to highlighted heading text. | Animated underline, Underline, Italic | Animated underline |