Site logo

Archived topic

Webfont not showing in Safari (Desktop & Mobil)

5 replies · Started by Jennifer on October 5, 2022

Viewing posts 1–6 of 6

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;

}

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 :)

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

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 :)

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

Thank you so much.

Glad I could help! :)

This archived topic is closed to new replies.