Typography
A guide to choose fonts for the website
Last updated
A guide to choose fonts for the website
Last updated
Steps
In the theme editor (Customize), click Theme settings.
Locate Typography.
Make necessary changes.
Save.
Typography is considered one of the essential components that impact the website's look and feel. This article will show you how to edit your store typography.
You can choose between many existing fonts from the library.
The font that displays on your customer's computer depends on their operating system.
Choose the Font, then adjust the Base size and Bolder font weigh for highlight certain titles and labels.
To learn more about system font, see Shopify Manuals.
Choose the Font, then adjust the Font size, Mobile font size scale and Letter spacing on the mobile view. You also have the option to enable/disable Uppercase headings if necessary.
Set the Base size for headings and enable/disable Uppercase display headings.
Set the Font size scale for Subheadings and choose the font as Body font/Headings font and the Font weight.
You can also adjust the Letter spacing and the Text transform as Normal, Title case, UPPER CASE, lowercase.
To set the Font size scale, Font family and Font weight for your Product card title. Enable or disable Uppercase headings if necessary.
Choose the font for your navigation as Body font/Headings font, Font weight options and enable/disable Uppercase navigation.
Choose the font for your button labels as Body font/Headings font and enable/disable the Font weight options.
You can also adjust the Letter spacing and the Text transform as Normal, Title case, UPPER CASE, lowercase.
