Question

我在网站上使用三种自定义字体，但无论我尝试加载多少种方式，它们都不会加载到Internet Explorer 9和11（以及其他可能的版本）！我在网站上咨询了很多类似的问题，但我看不出我做错了什么。这就是我到目前为止所拥有的：

@font-face {
    font-family: 'Bourton';
    src: url('fonts/BourtonBase.eot');
    src: url('fonts/BourtonBase.eot?#iefix') format('embedded-opentype'),
         url('fonts/BourtonBase.ttf') format('truetype');
}
@font-face {
    font-family: 'Bourton Script';
    src: url('fonts/BourtonScriptBold.eot');
    src: url('fonts/BourtonScriptBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/BourtonScriptBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Bourton Line Bold';
    src: url('fonts/BourtonLineBold.eot');
    src: url('fonts/BourtonLineBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/BourtonLineBold.ttf') format('truetype');
}

相对于此代码发布的样式表，路径是正确的。

提前致谢！

Answer 1

在第一个位置添加IE修复，就像在此示例中一样（列表的第二个）：

@font-face {
    font-family: 'Bourton Script';
    src: url('fonts/BourtonScriptBold.eot?#iefix') format('embedded-opentype'),
    src: url('fonts/BourtonScriptBold.eot');
         url('fonts/BourtonScriptBold.ttf') format('truetype');
}

未在IE 9和11上加载的字体

1 个答案: