Fonts
Theme settings
A wide selection of Fonts are available for the logo, headings, body text, and buttons. These fonts are applied site-wide. All fonts are provided by Shopify's font picker. See a full list of fonts supported by Shopify.
In the theme editor, click the Theme settings icon, then click to open the Fonts tab.
Tip | See our blog post on Choosing the best font pairings for your store for helpful tips and some handpicked examples.
Heading font
All heading and subheading text.
| Setting | Description |
|---|---|
Heading size | Change the base heading size throughout the theme. Choose a value between 22px and 40px. |
Display headings in uppercase | Display all headings in uppercase. |
Body font
All remaining text including body text, navigation (menu items), product listing title, and button text.
| Setting | Description |
|---|---|
Body size | Choose base body text size throughout the theme. Choose a value between 14px and 18px. |
Logo font
Your store name in the Header (when no logo image). Go to your Shopify admin Preferences to edit your store name under Store details.
| Setting | Description |
|---|---|
Logo font size | Change logo's font size in the header. Choose a value between 16px and 40px. |
Display logo in uppercase | Display the logo text in uppercase. |
Navigation font
Text in your Navigation menus use the Body font, and includes additional font settings.
| Setting | Description |
|---|---|
Display navigation font in uppercase | Set all navigation text in uppercase. |
Navigation font size | Set the text size between 12px and 18px. |
Navigation font letter spacing | Increase or decrease space between letters |
Buttons font
The buttons font controls all text labels in buttons
| Setting | Description |
|---|---|
Display button font in uppercase | Set all button text in uppercase. |
Button font size | Set the text size between 12px and 18px. |
Navigation font letter spacing | Increase or decrease space between letters. |
|
Related links
Last updated