CastlesBlog.com

a blog about a blog

Subscribe

Cross Domain Fonts in Firefox

Today I realised that @font-face wasn't working properly in Firefox because I'm linking to the resource on a different domain (see cookieless domain post). It appears that Firefox has cross-site permissions that prevent resources being read. To allow remote access all I needed to add to the .htaccess on the server thats hosting the fonts was:

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

For more information checkout the HTTP access Control article at the Mozilla Dev Center.

Post Comment