Typography


You can set the font style and size for the text on your online store.

Steps:

  • In the theme editor, click Theme settings.

  • Locate Typography.

  • Make necessary changes.

  • Click Save.

1. Customize your typography:

  • For each type of text (Headings and Body), 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.

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.

2. Customize your font sizes

You can set the default font sizes for your heading and body text within the Typography theme setting.

  • To change the default font size for Headings, use the Font size scale setting to select the font size. The minimum font size is 100%, and the maximum font size is 150%. 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 setting to select the default font size. The minimum font size is 100%, and the maximum font size is 130%. Each increment of the scale increases the font size by 5%. The default setting is 100%.

InspiredTheme team not only supports setups with fonts in Shopify's font library but also includes fonts that are not available. Contact us for help!

Last updated