Superstore: Custom fonts

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.woff

Then 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.woff

If these are entered incorrectly, the text will maintain the font selected from the Font picker.

Earn extra revenue by referring Turbo, Flex, and Superstore!

You can earn commissions on referred sales of Turbo, Flex, and Superstore when you join our affiliate program in PartnerStack!

Affiliate Program Benefits:

• Earn 15% commissions - Receive up to 15% commission for each sale made through your referral link. This is a fantastic opportunity to generate additional revenue while helping your clients elevate their online presence.
• Exclusive access to our themes -As an affiliate, you'll gain insider access to our top-selling themes, including Turbo, Flex, and Superstore, which are known for their adaptability, robust features, and exceptional design.
• Dedicated support and resources - We provide our affiliates with dedicated support, marketing materials, and all the resources needed to successfully promote our themes.

Join the affiliate program