Fonts

IMPORTANT

Ensure you have the correct license for your font, including permission to use it on a commercial website.

WARNING

The font files must include WOFF and WOFF2 formats. Other formats like EOT, TTF, and OTF are not supported for Webfonts.

Custom Fonts

Step ① - upload the font

1. From your Shopify admin, go to Content → Files.
2. Click Upload files
3. Select up to 20 files to upload.

   Each file can be up to 20 MB in size.

4. Click Open to upload the files.
5. To get the file URL, hover over the file, click the , then click Copy link

Step ② - prepare your font

1. Go to Online Store → Themes in your Shopify admin.
2. Click ••• → Edit code
3. Search for global-fonts.liquid and open the file.
4. Use OpenThinking's @font-face generator to create the necessary code for your font.
5. Copy the generated code and paste it into the global-fonts.liquid file.
6. Click Save when finished.

Step ③ - load the font into your theme

1. Go to Online Store → Themes in your Shopify admin.
2. Click Customize
3. In the left panel, go to Theme settings → Typography
4. Enable custom fonts by toggling Enable custom fonts.
5. You're done! 🎉