我正在使用@font-face我公司的网站,它的工作/看起来不错。除了Firefox和Chrome会在.woff文件上引发404错误。IE不会抛出错误。我有位于根目录的字体,但我已经尝试了在CSS文件夹中的字体,甚至给整个网址的字体。如果从我的CSS文件中删除这些字体,我不会得到一个404,所以我知道这不是一个语法错误。
另外,我使用fontsquirrels工具来创建@font-face字体和代码:
@font-face {
font-family: 'LaurenCBrownRegular';
src: url('/laurencb-webfont.eot');
src: local('☺'),
url('/laurencb-webfont.woff') format('woff'),
url('/laurencb-webfont.ttf') format('truetype'),
url('/laurencb-webfont.svg#webfontaaFhOfws') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'FontinSansRegular';
src: url('/fontin_sans_r_45b-webfont.eot');
src: local('☺'),
url('/fontin_sans_r_45b-webfont.woff') format('woff'),
url('/fontin_sans_r_45b-webfont.ttf') format('truetype'),
url('/fontin_sans_r_45b-webfont.svg#webfontKJHTwWCi') format('svg');
font-weight: normal;
font-style: normal;
}
相似问题