Adding a custom font (WOFF/WOFF2) to the Shopify Prestige theme. Built-in or app-based options failed, so images were used for text—undesirable for SEO and translations.
Implementation path: a shared guide was followed; the key step is editing theme.liquid (found under the Layout folder). The tag must exist in theme.liquid; if missing, revert to a previous version to avoid SEO issues. (theme.liquid is the theme’s master layout file; is the main HTML content container.)
Issues reported:
Status: Core method confirmed working. Outstanding: removing uppercase styling, getting Prestige navigation/footer/checkout and multiple headings targeted correctly. Discussion open.
Hello community,
We’ve been trying to add our own font to the wesite, and it has been impossible. There are some paid app options that we tryed and they strill do not work. We have the font .woff .woff2 files but It doesn’t work.
The solution that we are applying right now is to add the text in our slidder photo but for translations, SEO… it is not workable.
We would appreciate your help.
Is the font you are wanting to use available on Google Fonts?
No, it is one we downloaded.
Have you tried this guide yet? Let me know if you need any further assistance.
Kind regards,
Diego
Hi Diego,
I’ve followed all the steps, but on the final step, I cannot find the theme.liquid part so I cannot finish the process. Can you help me on that one?
Thanks!
Hey @cafidepets
Theme.liquid is a file that is present on all themes; you should find it under the folder “layout”.
Thanks Diego, now it’s working! but all in capital letters. Do you know any way to remove the capital letters obligation?
BR
Hello there, I have just tried this tutorial and it doesn’t seem to be working. I have followed all the steps correctly but when i go to my theme.liquid and search for <body the name does not appear of that is created in that guide
The guide does work. By default all theme.liquid files has a “<body”, regardless of it being a custom or official theme. This is the only crucial piece of any website.
If your website doesn’t have a <body tag it has been accidentally deleted and you should urgently revert back to a version where it was present, since it will take a toll on the website’s SEO.
Kind regards,
Diego
Hi Diego!
I tried your solution and it works correctly, but the main menu, the footer and the checkout has not been changed. Could you help me with this? We use the Prestige Theme.
Thanks a lot!
Hi @diego_ezfy ,
Just used this guide to add custom font to my Prestige template- worked really well so thank you!
I am looking to use my custom font for headings only so unticked the paragraph option. The only issue I am having is my rich text headings section seems to be using the paragraph instead of H1 so it’s not using the correct fonts. I tried using the css selector method but this only worked for one heading and when I started to add in mulitples it wouldn’t work.
Is thee a work around for this?
