css - 字体无法在 IE 9 和 11 上加载

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