@font-face issue, only local stored file is used

Hi everyone,

I need some help because I’m facing some issues with a font I want to use on my website. I’ve used Font Squirrel to make all the alternative versions needed (eot, woff, woff2 etc.) and uploaded them on the server and added the provided cod to the css. But the font still only works on my desktop (where the font is locally stored as well) but not on any other computer (Chrome and Safari). I went through the code over and over again and the html link directly leads to the font when testing in different browsers: I just can’t see where it goes wrong. Any ideas?

@font-face {
    font-family: 'Druk';
    src: url('http://mywebsite/wp-content/uploads/2021/11/Druk-Heavy.eot'),
    src: url('http://http://mywebsite/wp-content/uploads/2021/11/Druk-Heavy.eot?#iefix') format('embedded-opentype'),
         url('http://mywebsite/wp-content/uploads/2021/11/Druk-Heavy.woff2') format('woff2'),
         url('http://mywebsite/wp-content/uploads/2021/11/Druk-Heavy.woff') format('woff'),
         url('http://mywebsite/wp-content/uploads/2021/11/Druk-Heavy.svg#Druk') format('svg');

Spot the typo.

And I think you’ll find the second src: is throwing it out of kilter.

1 Like

Solved! Thank you so much!

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.