A Fix For Your FireFox Font Face Problems

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 "*"
</IfModule>

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

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

-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;