Change the fonts and styles for all typography on your site.
Having the right font on your site, in combination with a deliberate tone of voice provides added depth to your brand’s identity.
Your language and font choice helps build up an image in the customer’s mind of the way you operate as a business and go about fulfilling the needs of that customer.
A simple analogy is that your theme is your building’s architecture and your content (font, tone of voice etc.) is your choice of interior design.
In essence, your theme provides the sturdy framework and premium functionality and your site can then be dressed up even further, tailored perfectly to suit your niche market and target audience. We’ll show you how to make all adjustments to your font, in this guide.
How do I get started?
Firstly, head to:
Online Store > Themes
For all fonts and styles, the best way to test these out is in the theme editor itself, allowing you to see changes live.
You will see you have the following options:
This is the text that appears at the top of most sections on your storefront.
You can choose from a selection of fonts, adjust the font size, letter spacing, heading case, style and style color.
This is the text that appears underneath your sections’ headings on your storefront.
Choose from a selection of fantastic fonts, by selecting “change”. Adjust the size of this text to suit your needs:
This is the text that appears in your site’s header, as part of your navigation menu.
Choose from a selection of fantastic fonts, by selecting “change”. Adjust the size of this text to suit your needs and choose whether you would like Normal Case, Lowercase or Uppercase to be used by selecting from the menu case dropdown:
Decide how you would like your buttons, across your site, to appear.
Select from normal case, lowercase or uppercase.
Drag the slider to choose a value between 10 and 21px:
Select from bold, normal or italic font.
Product page titles
This refers to the product title itself on your product pages, as shown here:
Select size, via the slider and case via the dropdown.
Choose from light, normal or bold
Here's an example, cycling through all three options: