You may replace the default font that appears on your shop page with any font available from Google Fonts. To add a custom font:
- Go to Settings > Business > Store Settings tab
- Scroll down to the "Shop Page Settings" section
- Click "Yes" on the "Use Custom Font?" field
- Two new fields will appear. To add the correct information to these fields navigate to the Google Fonts website (https://fonts.google.com).
On the Google Fonts website do the following:
- Locate the font that you would like to use and click on it
- Scroll down on the page to select the specific version of the font that you would like to use. Once you have selected your desired version click on the "Select" button.
- Click on the shopping bag icon at the top right corner to "View selected families"
- Scroll down to the area that says "Use on the web". Copy the "<link>" text and paste into the Submatic "Font Link Text" field. Copy the "CSS rules to specify families" text and paste into the Submatic "Font Family Text" field and save by clicking "Save Store Settings".
Note that you may only use a single custom font. Refresh your Shop page to see the updated font.