@font-face not working in Firefox 3.6.14 - WOFF or TTF
@font-face not working in Firefox 3.6.14 - WOFF or TTF
@font-face {
font-family: "A-B";
src: url("fonts/AlexandriaFLF-Bold.woff") format("woff"),
url("fonts/AlexandriaFLF-Bold.ttf") format("truetype"),
url("fonts/AlexandriaFLF-Bold.svg#webfontm3eq21Q4") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'A-BI';
src: url("fonts/AlexandriaFLF-BoldItalic.woff") format("woff"),
url("fonts/AlexandriaFLF-BoldItalic.ttf") format("true开发者_运维知识库type"),
url("fonts/AlexandriaFLF-Bold.svg#webfontszsn4DPI") format("svg");
font-weight: normal;
font-style: normal;
}
Can Anyone enlighten me?
FIX:
I was using a .htaccess file for a mod re-write and it effected @font-face...
The workaround is to place this in the .htaccess file:
<FilesMatch "\.(ttf|otf|eot|woff)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
I'd also like to chime in. I just had a similar issue due to referencing the site as www.domain.com instead of domain.com.
This was in my main stylesheet as an import for the font css file
@import url('http://www.domain.com/font.css'); - not working
@import url('http://www.domain.com/font.css'); - working
精彩评论