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
- Click on the "Get font" button at the top right corner
- Click on the "<> Get Embed Code" button
- Copy text from the "Web" tab as shown in the image below. Copy the "Embed code in the <head> of your html" text and paste into the Submatic "Font Link Text" field. Copy the "font-family" text (just the "font-family" line) and paste into the Submatic "Font Family Text" field.
- Save by clicking "Save Store Settings".
Note that you may only use a single custom font and font-weight or size values are not customizable. Refresh your Shop page to see the updated font.