我在@font-face
公司网站上使用,效果很好/看起来不错。除Firefox和Chrome以外,该.woff
文件均会引发404错误。IE不会引发错误。我的字体位于根目录,但是我尝试使用css文件夹中的字体,甚至提供字体的整个URL。如果从我的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;
}