The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] font-face not working in Firefox - a solution (1 post)

  1. Bakabaka Design
    Posted 4 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic