A guide to choose fonts for the website
  1. 1.
    In the theme editor (Customize), click Theme settings.
  2. 2.
    Locate Typography.
  3. 3.
    Make necessary changes.
  4. 4.
Typography is considered one of the essential components that impact the website's look and feel. This article will show you how to edit your store typography.
In this article:

1. Body text and Heading

You can choose between many existing fonts from the library. Selecting a different font can affect the speed of your store.
  • System fonts: fonts that are already installed on most computers.
  • Other fonts: fonts that may need downloading before being displayed
The font that displays on your customer's computer depends on their operating system.

Body text

Choose the font and adjust the font size scale for the body text of the site.
A screenshot of body text typography settings


Choose the font, then adjust the font size scale and letter spacing of all headings.
To learn more about system font, see Shopify Manuals.

2. Navigation

Choose the font for your navigation as Body font/Headings font and enable/disable uppercase navigation.
A screenshot of navigation typography settings

3. Buttons

Choose the font for your button labels as Body font/Headings font and enable/disable the Uppercase label.
You can also adjust the height of the buttons and the corner radius.
A screenshot of buttons typography settings