Firefox fixed this bug, this method is not required any more.

You probably have noticed that Google Webfont doesn't seem to work with the latest version of Firefox. Feeling worried? well there's a solution :), let's take a closer look at the problem first:


The above image explains it all, firefox Doesn't download fonts from a remote server, so, it doesn't download the google Woff font too.

Well, this problem can be solved by configuring your web server.

If you are using Apache webserver, add these code in you .htaccess file :

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"

And if you are using nginx then add these lines in your nginx configuration:

# Cross domain webfont access
location ~* \.(?:ttf|ttc|otf|eot|woff|font.css)$ {
add_header "Access-Control-Allow-Origin" "*";
expires 1M;
access_log off;
add_header Cache-Control "public";

This should solve your problem.

Source :

Feel free to add comment :)