Archived topic
Adobe Fonts not loading
7 replies · Started by Holly on August 25, 2022
Hi. I have added an adobe font via Adobe Fonts using the hook element. It's working in Chrome for me but not on other browsers. I have done this on other sites the same way and it works well. But for some reason it is not on this site.
The font is Sofia Pro. This is the website.
https://gc.fresheggs.biz/
I have also loaded Kalista to the server and it is working fine.
Thank you for any help.
Hi Holly,
Have you added @font-face CSS to your site for this font?
Can you show me the exact code you added in the hook element?
I hadn't loaded @font-face but I just did. It is still not working.
The code in the hook is: <link rel="stylesheet" href="https://use.typekit.net/ggb7ruu.css">
Thank you.
In the linked CSS file, the font-family is sofia-pro not Sofia Pro, you need to use the exact same name as the@font-face CSS.
Ah! Thank you. Didn't realize.
So....if I am using the hook with the Adobe code that links to that fonts stylesheet, am I correct in assuming there is no need to put the @font-face CSS in the custom CSS of the website?
Yes, correct :) You don't need to add extra @font-face CSS.
Great. Thanks for your help.
No problem :)
