1

I have some @font-face webfonts on my site. The fonts and the CSS code is generated via the Font Squirrel @font-face generator. None of the fonts I embedded are showing in FF 3.5. FF 4 is working without a problem. The fonts are served from the same domain as the calling website. ATM I'm calling the website on a local network via local area IP.

@font-face {
    font-family: 'ArvoBold';
    src: url('font/arvo-bold-webfont.eot');
    src: url('font/arvo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/arvo-bold-webfont.woff') format('woff'),
         url('font/arvo-bold-webfont.ttf') format('truetype'),
         url('font/arvo-bold-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
wowpatrick
  • 5,082
  • 15
  • 55
  • 86
  • Which version of FF? Might want to take a look at the browser compatibility for @font-face https://developer.mozilla.org/en/css/@font-face – Niklas Jun 09 '11 at 20:15

1 Answers1

2

From: CSS @font-face not working with Firefox, but working with Chrome and IE

You could try to add an additional header to see if your problem configures itself as a cross domain issue: it shouldn't, since you are specifying relative paths, but i would give it a try anyway: in your .htaccess file, specify you want to send an additional header for each .ttf/.otf/.eot file being requested:

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

Also

Community
  • 1
  • 1
Michael Robinson
  • 29,278
  • 12
  • 104
  • 130
  • 1
    Just noticed that I forgot to delete my old @font-face declaration which caused the problem. Still accepting your answer, because I think it is the most useful for other users who may finde this question. – wowpatrick Jun 09 '11 at 21:06