Theme typography

Getting started

Editing font family

We suggest using a maximum of two different fonts to avoid impacting your website's performance. Consider using the same font for two settings.

System fonts are recommended if you prioritize speed over visual consistency.

  • Body font: Applied to main body text across your site, such as description text and other content.

  • Heading font: Applied to all headings on your site.

  • Navigation font: Applied to all buttons.

  • Base size: The smallest font size, serving as a reference for all other font sizes, including headings.

Editing type settings

Type settings can be used to further customize which fonts are used throughout your theme. These settings can be used to change capitalization and font families.

Popular font pairings

Below are some of our favorite font pairings available on Shopify themes

Helvetica + Helvetica Black

Futura + Basic Commercial

Muli + ITC Clearface

Monotype Century + Mariposa Sans Black

Nunito Sans + Optima Nova Medium

Work Sans + Crimson Text

Source Sans Pro + Nunito

Last updated

Was this helpful?