css - 自定义字体在 ie 8 及以下版本中不起作用

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');

成功了。