Question

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;
}

Answer 1

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

• https://developer.mozilla.org/En/HTTP_Access_Control
• http://wordpress.org/support/topic/plugin-w3-total-cache-font-face-not-working-in-firefox