Typography
You can set the font style and size of the text on your online store. You can choose between a system font or a custom font.
From the Typography panel, you can set the Body font family and Font size.
Customize your typography settings
From your Shopify admin, go to Online Store > Themes.
Click on Customize button.
Click Theme settings.
Click Typography.
For each type of text, click Change to use the font picker.
Explore fonts by using the search field, or by clicking Load more. To see all of the available fonts, see Shopify's font library
Click the name of the font that you want to use.
To change the font to a different style, click the name of the current font style, and then select a new font style from the dropdown menu.
Click Select.
Click Save.
Uppercase announcement bar
Enable this toggle to transform the announcement bar text to uppercase.
Uppercase menu
Enable this toggle to transform the menu text to uppercase.
Headings
Font: Choose the font family for headings. Selecting a different font can affect the speed of your store.
Font size scale: Adjust the size scale of the headings' font using the percentage slider.
Body
Font: Choose the font family for body text. Selecting a different font can affect the speed of your store.
Font size scale: Adjust the size scale of the body text font using the percentage slider.
Customize your font sizes
You can set the default font sizes for your heading and body text within the Typography theme setting.
From your Shopify admin, go to Online Store > Themes.
Click on Customize button.
Click Theme settings > Typography.
To change the default font size for headings, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 150%. Each increment of the size increases the font size by 5%. The default setting is 100%.
To change the default font size for the body, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the size increases the font size by 5%. The default setting is 100%.
Click Save.
Last updated