Typography
Customize fonts individually for Body, Heading, Button & Input, and Menu.
Headings
Font type: choose between Google or Shopify default font.
Shopify font: Selecting a different font can affect the speed of your store. Learn more about system fonts.
Font size scale: Control the font size of Headings using the scale from 50% to 200%.
Font size scale for mobile: Control the font size of Headings using the scale from 100% to 150%.
Headings H4-H6
Font type - choose between Default, Google, Shopify
Body
Adjust the font and size for these elements: descriptions, breadcrumbs, menu items in the header and footer, copyright text, product titles on collection pages, input field texts, and filter items on collection pages.
Font type - choose between Default, Google, Shopify
Shopify font: Selecting a different font can affect the speed of your store. Learn more about system fonts.
Font size scale/Font size scale for mobile: Control the font size of Headings using the scale from 100% to 150%.
Price
Font type - choose between Default, Google, Shopify
Buttons
Configure the font in this section to apply it to all store buttons.
Font type - choose between Default, Google, Shopify
Buttons font weight - choose between Normal or Bold.
Main menu
Font type - choose between Default, Google, Shopify
Text transform
Headings font uppercase: Enable the option if you need to capitalize headings in the sections/blocks of the entire store.
Headings font letter spacing: The program divides the current value by 1000 to get the real value.
Buttons font uppercase: Check the option to capitalize the button's text.
Menus font uppercase: Hit the checkbox to capitalize parent menu items in the Header.
Below is an example of Text Transform settings as they might appear in a store:
Last updated