I have some @font-face webfonts on my site. The fonts and the CSS code is generated via the Font Squirrel @font-face ge开发者_开发知识库nerator. 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;
}
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
精彩评论