githubEdit

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

arrow-up-right

Futura + Basic Commercial

arrow-up-right

Muli + ITC Clearface

arrow-up-right

Monotype Century + Mariposa Sans Black

arrow-up-right

Nunito Sans + Optima Nova Medium

arrow-up-right

Work Sans + Crimson Text

arrow-up-right

Source Sans Pro + Nunito

arrow-up-right

Last updated

Was this helpful?