The Typography portion of your Theme settings is the control center for your theme's fonts.
Access the Typography settings
- In the theme editor (Customize), click Theme settings
- Open Typography
Select your fonts
To select the Font, click Change and choose from the options provided.
After selecting a font, you can select the font style by clicking the chevron beside “Regular”. This option may not appear if the font only contains the Regular option.
Can I add a custom font to my theme?
Atlantic
Atlantic comes with dozens of hand-picked fonts for your store. Fonts can be set for your store's Body text, Headings (Font and Secondary font), and Accent text.
Editions
Editions includes dozens of hand-picked fonts for your store. Fonts can be set for your store's Heading font, Body font, and Accent font.
Empire
Empire comes with dozens of hand-picked fonts for your store.
Use the Base font size and Font selectors to customize the text for your store.
Adjust base font size
Use the Base font size slider to modify the overall font size. Think of this as the foundation for all text sizes, so if you select 17px, all font sizes configured will use this as the baseline or minimum font size and build up from there.
To increase, slide to the right (max. 18px). To decrease, slide to the left (min. 15px).
"It’s important to use large, legible typefaces, and to ensure that your site scales text appropriately. Check not only that your font sizes scale but also that it reflows or wraps properly so users aren’t forced to scroll back and forth to read resized content."
Read moreHeadings
Headings include text areas such as page, product, and collection titles.
Select a font for the Headings, then adjust their font size by choosing an option from the Size dropdown.
The options are:
- Small
- Medium
- Large
Enable Uppercase to display all headings in all capital letters.
Adjust the Letter spacing slider to expand or reduce the space between letters (also known as 'kerning').
Body text
Body text includes text areas such as product descriptions, static page paragraphs, and blog articles.
If a page's text looks different from the selected font, it may have some inline styling that would need to be removed through the page editor
Main menu
Main menu text refers to the navigation links included in the header.
Enable Uppercase to display the menu items in all capital letters.
Adjust the Letter spacing slider to expand or reduce the space between letters.
Buttons
Buttons include text areas such as primary and secondary, call-to-action (CTA), and add-to-cart buttons.
Enable Uppercase to display the buttons in all capital letters.
Adjust the Letter spacing slider to expand or reduce the space between letters.
Section headings
Similar to page headings, Section headings introduce sections of the home page such as the slideshow, shoppable image, and testimonials.
Enable Uppercase to display the headings in all capital letters.
Adjust the Letter spacing slider to expand or reduce the space between letters.
Grid
Grid comes with dozens of hand-picked fonts for your store. Use the Body font, Headings, Navigation, Captions, and Buttons font selectors to apply fonts to your theme.
Launch
Launch comes with dozens of hand-picked fonts for your store. Use the Body text, Headings, and Button text font selectors to apply fonts to your theme.
Pacific
Pacific comes with dozens of hand-picked fonts for your store. Use the Body font, Site title, and Section headings font selectors to apply fonts to your theme.
Also adjust Base font size, Capitalization, and Letter spacing in these Theme settings.
Tailor
Tailor comes with dozens of hand-picked fonts for your store. Use the Body text and Heading text font selectors to apply fonts to your theme.
Startup
Startup comes with dozens of hand-picked fonts for your store. Use the Base text, Store title, Headings, Section titles, Captions, and Buttons font selectors to apply fonts to your theme.
Click to enable Bold to increase the font weight. Click to enable Capitalize for all letters to be uppercase.
Vogue
Use the Headings, Body, and Testimonials and tweets font selectors to apply fonts to your theme.