How to upload custom fonts on Fontio

Step 1: Open Fontio

Log in to your store using the store owner’s account.
From the left-hand menu, go to Settings → Apps, then click Fontio.

Step 2: Click “Add Font”

To set up your first font, click Add Font.

Step 3: Select Custom Font

Under Source, select Custom Font. Note, you will need to upgrade to a paid plan to add a custom font if you are not already on one. 

Click Add File to upload your font.

Fontio accepts standard font files e.g. Tff, Woff. 

Step 4: Adjust Settings & Choose Target Elements

Customize any additional font settings as needed.

Then scroll to the Target Elements section.
Under HTML Tags, add or remove the elements you want the font applied to (for example: headings, paragraphs, buttons, etc.).

Step 5: Click “Create”

When everything looks good, scroll back to the top of the page and click Create to finalize your font.

Step 6: Review Your Changes

Once the font has been applied to your selected elements, you’ll see it in two places:

  • On the front end of your live site
  • Inside your theme editor

Note: Fontio does not add fonts to the Typography section within your store’s theme settings.

Step 7: You’re All Set 🎉

That’s it! Your new font is now live on your store.

Back to blog