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

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

Home Forums Support Webfont not showing in Safari (Desktop & Mobil)

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2363754
    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;
    
    }
    #2364310
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #2364332
    Jennifer

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

    #2364351
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #2364429
    Jennifer

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

    Thank you so much.

    #2364444
    Tom
    Lead Developer
    Lead Developer

    Glad I could help! πŸ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.