How to add Google fonts to your store using 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 Google Fonts
Under Source, select Google Fonts.
Click Browse to search or explore available fonts.
Once you’ve selected your font, click Confirm to add it to your store.
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.