Step 1: Go to Settings, then Sales channels, then Online Store, then Themes and Customize
Log in your store with the store owner’s account, then go to the then click on and finallyfield in the bottom right. In Settings, visit then click on
Step 2: Open up the "Edit Code" Screen
We’ll be adding a few files and a snippet of code so from the customize screen click the three dots on the top left and they click
Step 3: Add the Fontio snippets to theme.liquid
The first edit we need to make is checking if the fontio tags are in the theme.liquid file and to add them if not. They will appear immediately preceeding the closing head tag. So to save time search for to lick .in the file . As shown in the video, if the following snippet isn’t there we need to add it. should be to the left of the closing tag. C
Step 4: Add the Fontio basic & custom files to snippets
Scroll down to the fontiocustom.liquid (the files are in alphabetical order). If they are not there, click . You can simply paste in the file names to create them so create two files here and simply call them fontiobasic and fontiocustom. The work is done!section in the code and look for two files named and
Step 5: Reapply fonts in Fontio settings
You have now fixed the code part! What we need to do is head back to the Fontio dashboard and reapply the settings to the tags. Open up Fontio, select the relevant tags and apply the right fonts.
Step 6: Review changes on your site
Now, you have successfully applied a font to a tag it should show up in 2 places:
- On the front end of your live site
- In your theme editor
NOTE: Fontio will not add fonts to the topography section of your site settings.
Step 7: Relax
You did it! Great Job!