Typography (Theme Settings)
Typography defines how text looks across your entire Shopify store — from headings and body copy to product cards, navigation, and buttons.
Well-configured typography improves:
- readability
- brand identity
- conversions
- accessibility
Typography is divided into several sections.
🅰️ Headings
Controls all major titles across your store (H1, H2, section titles, etc.).
| Setting | Description |
|---|---|
| Font type | Choose the font family for all headings. |
| Font size scale (%) | Increase or decrease heading size (75%–150%). |
| Line height | Adjust spacing between lines for better readability. |
| Letter spacing | Add or reduce spacing between letters. |
| Uppercase | Make all headings appear in uppercase. |
💡 Tip
Use a bold, distinctive font for headings and keep it highly readable.
📝 Body text
Controls all paragraph and descriptive text across the store.
| Setting | Description |
|---|---|
| Font type | Select the main typeface for body text. |
| Font size scale (%) | Scale text size globally. |
| Letter spacing | Adjust spacing for cleaner reading. |
Choose something comfortable and simple — body text should never feel heavy.
🧭 Navigation typography
Applies to header menus and mobile navigation.
| Setting | Description |
|---|---|
| Font type | Choose heading font or body font for navigation. |
| Nested menu title font | Customize typography for dropdown/nested menu titles. |
| Uppercase | Force navigation items into uppercase. |
| Font size scale | Increase or decrease navigation font size. |
SEO note
Clear and readable navigation improves crawlability and user experience.
🔘 Buttons
Controls call-to-action typography across the store.
| Setting | Description |
|---|---|
| Font type | Choose heading or body font for buttons. |
| Uppercase | Convert button labels to uppercase. |
| Font size | Adjust button text size. |
Use consistent button typography to make actions instantly recognizable.
🛍️ Product cards
Typography for product listings and pricing.
| Setting | Description |
|---|---|
| Title font | Choose the font type for product titles. |
| Title font scale | Adjust title sizing. |
| Price font | Choose heading or body font style for prices. |
| Price font size (%) | Control price visibility and emphasis. |
Conversion tip
Make prices clearly visible — but don’t overpower titles.
🏷️ Badges
Applies to labels such as:
- “Sale”
- “New”
- “Sold out”
| Setting | Description |
|---|---|
| Letter spacing | Increase or decrease spacing for badge text. |
Badges should be readable while staying small and subtle.
Best practices
- Use one strong heading font + one simple body font
- Keep line height comfortable (especially on mobile)
- Avoid shrinking text below recommended accessibility sizes
- Use uppercase carefully — too much hurts readability
🎯 Goal
Clean typography makes your Shopify store look premium, trustworthy, and easy to shop.