Typography

Typography settings were updated in 6.0.0 and later. Learn how to update your theme to access new features.

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 Theme settings open the Typography tab.

See our blog post on Choosing the best font pairings for your store for helpful tips and some handpicked examples.

Font elements

Font settings are available for the following elements across your site.

Setting	Description
Logo	Your store name in the Header (when no logo image). Font Uppercase Letter spacing Desktop font size Mobile font size
Body	All remaining text including body text, navigation (menu items), product listing title, and button text. Font Uppercase Letter spacing Desktop font size Mobile font size
Headings	All heading and subheading text. Font Uppercase Letter spacing Desktop font size Mobile font size
Display headings	Display font size Mobile font size
Subheadings	Font Font weight Uppercase Letter spacing
Navigation	Font Font weight Uppercase Letter spacing Font size Apply styles to mega menu links
Mobile navigation	Font Font weight Uppercase Uppercase secondary menu Apply letter spacing to uppercase links only Font size Secondary menu font size
Product listing titles	Font Font weight Uppercase Letter spacing Desktop font size Mobile font size
Buttons	Font Font weight Uppercase Letter spacing Desktop font size Mobile font size

Font settings

The following font settings are available for the above font elements across your site.

Uppercase	Display font in all uppercase letters.
Desktop font size	Use the slider to increase or decrease the font size in pixels.
Mobile font size scale	Use the slider to increase or decrease the font size on mobile as a percentage of the base font size.
Letter spacing	Use the slider to increase or decrease space between letters.
Uppercase	Display text in all uppercase letters or use the casing of the text as entered.