css - 自定义字体无法在 IE8 或 IE7 中呈现

Question

我的自定义字体无法在 IE7 或 IE8 中呈现。我越来越想弄清楚出了什么问题。这是我的 CSS 代码

@font-face {
    font-family: 'NeutraTextDemi';
    src: url('customfonts/neutratext-demi.eot');
    src: url('customfonts/neutratext-demi.eot?#iefix') format('embedded-opentype'), 
         url('customfonts/neutratext-demi.woff') format('woff'), 
         url('customfonts/neutratext-demi.ttf')  format('truetype'),
         url('customfonts/neutratext-demi.svg#NeutraTextDemi') format('svg');
}

如果您在 Chrome 和 IE8 中打开文件，您会注意到其中的区别。我浏览了其他 Stack Overflow 问题和解决方案。但是我似乎根本无法解决这个问题。

Answer 1

在 Internet Explorer 8 及更早版本中，URL 必须指向嵌入式 OpenType (EOT) 文件(.eot 或 .ote 格式)。不支持其他字体格式。

我将 Arialblack.ttf 用于以下示例:

/* 由 Font Squirrel (http://www.fontsquirrel.com) 于 2013 年 8 月 26 日生成 */

@font-face {
    font-family: 'arialblack';
    src: url('ariblk-webfont.eot');
    src: url('ariblk-webfont.eot?#iefix') format('embedded-opentype'),
         url('ariblk-webfont.woff') format('woff'),
         url('ariblk-webfont.ttf') format('truetype'),
         url('ariblk-webfont.svg#arialblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

您可能想阅读此 solution