Archived topic
Webfont not showing in Safari (Desktop & Mobil)
5 replies · Started by Jennifer on October 5, 2022
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! :)