自定义字体无法在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必须指向Embedded 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;

}

您可能想要阅读此解决方案