I've got two domains pointing at the same site: www.psychicshirley.com & www.shirleylipner.com

The @font-face webfont works fine on both domains under web-kit (Chrome & Safari), but the later domain name fails down the cascase under mozilla (FireFox 3.6.12 and 4b7)).

I'm using the supposed "bullet-proof" declaration direct from Font Squirrel. Is there a way around this?

The @font-face declaration is:
@font-face { font-family: 'BlackJackRegular'; src: url('black_jack-webfont.eot'); src: local('?'), url('black_jack-webfont.woff') format('woff'), url('black_jack-webfont.ttf') format('truetype'), url('black_jack-webfont.svg#webfontBN66RPNT') format('svg'); font-weight: normal; font-style: normal; }

the cascade is:
font-family: 'BlackJackRegular', 'Lucida Handwriting', 'Mistral', 'Brush Script MT', 'Monotype Corsiva', 'Cursive', 'Arial';

yes... all the fonts are loaded in the same directory.

1 answer

This was chosen as the best answer

Found the answer, didn't know how to google it at first.

Firefox does have a know problem with cross domain fonts, the easiest fix seems to by modifying the htaccess file on the server as follows:

<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
Answered over 8 years ago by Jon Brown