Question

我的自定义字体未在ie8中呈现。我已经尝试清除缓存了，如果我没弄错的话，我也会发送正确的文件类型。我在这里缺少什么？

@font-face {
font-family: 'Lobster';
src: url('fonts/lobster.eot');
src: url('fonts/lobster.eot') format('embedded-opentype'),
     url('fonts/lobster.woff') format('woff'),
     url('fonts/lobster.ttf') format('truetype'),
     url('fonts/lobster.svg#Lobster1.4Regular') format('svg');
}

.logoHome{color:#FFF; font: 58px Lobster, serif; text-decoration:none; line-height:58px;}

Answer 1

问题很容易解决，只需将url路径设为相对路径：

 @font-face {
    font-family: 'Lobster';
    src: url('http://www.sample.com/fonts/lobster.eot');
    src: url('http://www.sample.com/fonts/lobster.eot?#iefix') format('embedded-opentype'),
         url('http://www.sample.com/fonts/lobster.woff') format('woff'),
         url('http://www.sample.com/fonts/lobster.ttf') format('truetype'),
         url('http://www.sample.com/fonts/lobster.svg#Lobster13Regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

但这只能用于 IE8 ，您可以使用此caniuse.com来检查您可以在旧版浏览器中使用的内容

Answer 2

第一行出错了。除去：

src: url('fonts/lobster.eot');

诀窍。

自定义字体在8及以下不起作用

2 个答案: