[Resolved] Webfont not showing in Safari (Desktop & Mobil)

[Jennifer]

Hi there,
i need your help finding the reason why my webfont is not showing in safari. It works fine wirh Firefox an Chrome.

Here is the page i am building: https://ks.prg-backup.de

Thats my CSS:

@font-face {
  font-family: 'Quasimoda';
  src: url('/uploads/font/quasi-med.woff') format('woff'), font-weight: 500; font-style: normal;

}
@font-face {
  font-family: 'Quasimoda';
  src: url('/uploads/font/quasi-reg.woff') format('woff'), font-weight: 400; font-style: normal;

}

@font-face {
  font-family: 'Quasimoda';
  src: url('/uploads/font/quasi-li.woff') format('woff'), font-weight: 300; font-style: normal;

}

[Tom]

Hi there,

It doesn’t seem to be working for me in Firefox.

You src is using relative URLs right now. Can you try using absolute URLs?: https://yourdomain.com/uploads/font/etc...

Let us know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jennifer]

I changed the URLs but no success. Any more Ideas?

[Tom]

Right now you have this:

format('woff'), font-weight: 300;

Can you try replacing the comma with a semi-colon?:

format('woff'); font-weight: 300;

You’ll want to do that on all three definitions.

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Jennifer]

It worked!
I can not believe that this ; made the trick.

Thank you so much.

[Tom]

Glad I could help! 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts