A solution to @fontface Firefox problem

[jhatter]

Hi,

After searching for a solution to my @font-face fonts not showing in Firefox I came across the following thread which I want to try.

http://red-team-design.com/firefox-doesnt-allow-cross-domain-fonts-by-default/

It looks straight forward enough, but my problem is I don't understand some of the terms used - I am a novice.

What does this mean:
"set a Access-Control-Allow-Origin header to the font" and "Add the snippet…to a .htaccess file…"

So with absolutely no prior knowledge, am I correct in thinking I have to:
1. Open TextEdit (i'm a mac user)
2. Copy and paste the following code
3. Save the file as .htaccess
4. Place this file in the font folder on my server?
5. Then my @fontface/Firefox issues will disappear?

Please note that I am not using Word Press


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

[Beverleyh]

Hi hatter

I've seen problems with @font-face in Firefox too, but for me, it just needed a rework of the CSS.

I got it working here though http://www.dynamicdrive.com/forums/showthread.php?75003-font-face-not-working-in-IE-7&p=299284#post299284 There's a demo download that may help.

[jhatter]

Great solution! Fonts working in Firefox now:)