The Typography settings can connect custom fonts with text areas in Superstore. Expand beyond the Shopify Font Library by uploading custom font files and locating them in the Theme settings.
Upload the Font Files
Font files contain the custom font information. These need to be uploaded to the Files admin of your Shopify store.
Use the file format WOFF for the best results. Other formats are compatible but may have limited performance across different browsers.
These need to be in separate files and cannot be uploaded as a compiled ZIP. To get here, go to Admin > Settings > Files
Connect in the Theme Editor
Once the necessary files are uploaded, go back to the Online store and select Customize beside the Superstore theme. In the theme editor, open Theme settings, then Typography.
Scroll down to locate the Custom font field. This field connects the Files with the Superstore theme's stylesheet.
First add the name of the standard font file, as it appears in the Files.
leaguegothic-regular-webfont.woffThen add the variations (font style and weight) and matched file names using this format:
italic: font-italic-file.woff
lighter: font-lighter-file.woff
lighter-italic: font-lighter-italic-file.woff
bolder: font-bold-file.woff
bolder-italic: font-bolder-italic-file.woff
For example, if League Gothic is used, the Custom font field should include:
leaguegothic-regular-webfont.woff
italic: league-gothic-italic.woff
lighter: league-gothic-lighter.woff
lighter-italic: league-gothic-lighter-italic.woff
bolder: league-gothic-bolder.woff
bolder-italic: league-gothic-bolder-italic.woffIf these are entered incorrectly, the text will maintain the font selected from the Font picker.