Typography
In your Typography settings, you can change the font, size, capitalization, and format of your storefront's text.
If you would like to instead learn how to add custom fonts which are external to the theme, please click here to read our guide.
Within your Shopify admin, go to Sales Channels > Online Store > Themes.
Click your theme, and select Customize.
On the left-hand menu, select Theme settings.
Scroll down to select Typography.
Your headings are the text that appears at the top of most sections on your storefront.
To choose a new font, go to Headings > Font, and then select Change.
Use the Heading case drop-down menu to change your heading to:
Normal case
Lowercase
Uppercase
.png?alt=media&token=7a224e07-eb2d-4f2c-bfdf-2e8647c823f9)
Use the Size drop-down menu to make your heading:
Small
Medium
Large
.png?alt=media&token=c56a23ac-ec8d-40dd-9a4e-ffb117922896)
Your subheadings are the text that appears above your headings on a smaller scale.
To choose a new font, go to Subheadings > Font, and then select Change.
Use the Subheading case drop-down menu to change your subheading to:
Normal case
Lowercase
Uppercase
Your Body text is the main text which appears beneath your headings, making up the bulk of your storefront's copy and your Blog posts.
To choose a new font, go to Headings > Font, and then select Change.
​
Use the Base size slider to increase or decrease the size of your Body text.
By using the Font drop-down menu, you can choose for your navigation section to display the same font that you had configured for either your Body or Subheading settings.
You can also opt to Capitalize navigation by selecting the checkbox.
​
By using the Font drop-down menu, you can choose for your buttons to display the same font that you had configured for either your Body or Subheading settings.
You can also opt to Capitalize buttons by selecting the checkbox.
Fonts can be uploaded to the Assets folder and referenced inside your themes' CSS file.
For a detailed guide on how to upload custom fonts, please see our guide below:
