Signalfire :: Blog :: That was a learning process

That was a learning process

Submitted by Rob on 11th July 2011

Using web fonts on a website with a download from Font Squirrel i’ve just spent a period of time (that i won’t admit to as its embarrassing) trying to figure out why the fonts were working in everything apart from Firefox.

Doing the usual search of Google it turns up that Firefox has a feature called CORS (Cross-Origin Resource Sharing standard) which basically means that you have to give permission for access to some resources when accessing across domains (e.g. from www.domain.com to media.domain.com). Take a look at Lowest Common Denominator or Font Squirrel Troubleshooting for further details.

So I get the code I’m using….

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

...upload the .htaccess file and still nothing….just about to revert back to cufon when looking at my code gives me an inspiration….have I enabled the headers mod in apache….doh, cue now working web fonts in Firefox…btw I am aware that the Allow-Origin is a bit loose. I will tighten up later…

« Back