Support » Fixing WordPress » font-face not working in Firefox – a solution

  • Resolved Bakabaka Design


    After about an hour and a half of frustration, I found a solution to why my @font-face fonts weren’t working in Firefox, but were in other browsers:

    Firefox doesn’t allow @font-face declarations within a @ media screen { } tag in your CSS. Move your @font-face declaration out of the @ media screen bracket, and it’ll work.

    I hope this helps prevent some of the frustration I had. I posted this because I was unable to find the solution anywhere on the WP fora.

    Fun thing is, this is the first time I’d thought to be correct and use a @ media screen tag. And look what it got me 😉

  • The topic ‘font-face not working in Firefox – a solution’ is closed to new replies.