font-face not working in Firefox – a solution

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 😉