Fix Google Webfont problem in firefox

Share this: 

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:

screenshot

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

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