Typography

Typography allows setting the font, size of texts for the site.

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme Settings -> Typography.

Headings

Setting
Description

Font

Choose from the popular Shopify Fonts (Selecting a different font can affect the speed of your store. Learn more about system fonts.)

Font size scale

Determine the font size scale. It can be from 100% to 150%, increasing arithmetically by 5%.

Body

Setting
Description

Font

Choose from the popular Shopify Fonts (Selecting a different font can affect the speed of your store. Learn more about system fonts.)

Font size scale

Determine the font size scale. It can be from 100% to 130%, increasing arithmetically by 5%.

Product Item Front Settings

Product title

Setting
Description

Typography for title

Select the Font Style from Font Heading or Font body

Font size (Desktop)

Set the font size of the product title on desktop devices. It can be from 10px to 50px, increasing arithmetically by 1px (pixel)

Font size (Mobile)

Set the font size of the product title on mobile devices. It can be from 10px to 50px, increasing arithmetically by 1px (pixel)

Product price

Setting
Description

Typography for price

Select the Font Style from Font Heading or Font body

Font size (Desktop)

Set the font size of the product price on desktop devices. It can be from 10px to 50px, increasing arithmetically by 1px (pixel)

Font size (Mobile)

Set the font size of the product price on mobile devices. It can be from 10px to 50px, increasing arithmetically by 1px (pixel)

Last updated