What are the typography settings?
The typography settings allow you to change the font families, sizes and styles for all text within the store.
You can specify different fonts for Headings, Body and Navigation, with various options to allow for differences in headings, subheadings and buttons.
How can I change the typography settings?
- Open the Theme Editor.
- Click on Theme settings > TYPOGRAPHY.
- Settings are available to make all headings/subheadings/buttons uppercase throughout the store.
- The Heading text scale dropdown can be used to change the size of the headings. The size of the heading will scale automatically on mobile (i.e. it will be slightly smaller on mobile).
Keep the number of different fonts used to a minimum, as this may help increase speed scores.
In addition, using the SYSTEM FONTS is preferable as they load faster than OTHER FONTS. Refer to our Performance guide for more.
Can I upload and use my own font?
Shopify have a plethora of fonts available to use. Unfortunately it is not possible to use your own font without hiring a developer to help do this.
Why can't I choose a px size for my heading fonts?
This is because the headings are automatically scaled down on mobile. Therefore, it's better to specify the 'scale' to use rather than the 'px'.