Customize typography and fonts

important

The documentation in this topic refers to a feature that is currently in Early Availability status. Features in Early Availability status are only available in production to a limited number of customers based on fit with specific use cases. For more information about Early Availability status, see Product lifecycle phases.

In the visual editor, you can select fonts and change the default font sizes for heading and body text used throughout the storefront. Depending on how the theme developer designed your pages, they might have set explicit font sizes for certain heading or body text on certain pages. In those cases, the changes you make in the editor do not affect the text size.

By default, all Google fonts are available. However, if you need to use your own fonts or other licensed fonts, you can upload font files and then select the fonts in the editor. You can upload .otf or .ttf font files individually, or you can upload a .zip file that contains multiple font files.

📝 Note: If the AppDirect logo appears in the upper-left corner of the page, when Manage > Marketplace appears in this topic, click the grid icon > Switch to | Store, instead.

To change fonts and font sizes

1. Go to Manage > Marketplace > Theme Manager.
2. In the My Themes list, locate your theme and click Customize. The visual editor opens.
3. In the left pane, click Styles, then Typography.
4. Under either Heading text or Body text, make any of the following changes as required:
   • Select the font from the drop-down menu.
   • Select the font size from the Base Size menu.

To upload custom fonts

1. Go to Manage > Marketplace > Theme Manager.
2. In the My Themes list, locate your theme and click Customize. The visual editor opens.
3. In the left pane, click Styles, then Typography.
4. Do one of the following:
   • Drag-and-drop an .otf, .ttf, or .zip file into the left pane.
   • Under Upload licensed fonts, click the button and browse to the .otf, .ttf, or .zip file on your machine.
     The uploaded fonts are available for selection in the Heading text and Body text menus.