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.