A Fix For Your FireFox Font Face Problems

Josh Erickson
December 7, 2012

Ever had an issue with getting @font-face fonts to work in Firefox? We have. Here is one trick to help solve most Firefox @font-face issues.

Open your .htaccess file, and add this rule:

Header set Access-Control-Allow-Origin "*"

So, it should look like this:

<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"

This has solved most of our issues with @font-face in Firefox. Happy coding!

Still having Firefox issues? Add the following lines of code to your CSS:

-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
1 Comment
December 8, 2012

This is a great solution to the font face problem. I think with this solution we don’t need to have tensions about font face problem. Thanks.

Join the discussion

Work With Us?