You can set the font style and size for the text on your online store. You can choose a system font or a custom font.
It's recommended that you use system fonts in your store. Using system fonts avoids downloading new fonts to your customer's computer, which can negatively impact your store load speed. The font that displays on your customer's computer depends on their operating system.
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find the theme that you want to edit, and then click Customize.
- Click Theme settings.
- Click Typography.
- For each type of text, click Change to use the font picker.
- Explore available fonts with the search field or by clicking Load more.
- Click the name of the font you want to use, and then click Select.
- Click Save
Customize your font sizes
You can set the default font sizes for your heading and body text within the Typography theme setting.
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find Mandolin theme that you want to edit, and then click Customize.
- Click Theme settings.
- Click Typography.
- To change the default font size for displays, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
- 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 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
- To change the default font size for body text, use the Font size scale to select the default font size. The minimum font size is 100%, and the maximum font size is 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%.
- Click Save
Settings
Setting | Description |
---|---|
Body text | |
Font | Body text font |
Font size scale | The minimum font size is 100%, and the maximum font size is 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%. |
Headings | |
Font | Heading text font |
Font size scale | The minimum font size is 100%, and the maximum font size is 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%. |
Display | |
Font | Within the settings for the theme's Display font. |
Font size scale | The minimum font size is 100%, and the maximum font size is 200%. Each increment of the scale increases the font size by 5%. The default setting is 100%. |