0

我的自定义字体无法在 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 问题和解决方案。但是我似乎根本无法解决这个问题。

4

2 回答 2

5

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

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

/* 由字体松鼠 ( 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;

}

您可能想阅读此解决方案

于 2013-08-26T08:33:37.037 回答
2

我想我已经找到了解决方案。它与我的 css 代码或生成器无关。我从客户那里收到了文件。但是，如果尝试将问题中的字体转换为 eot 格式，则会违反条款和条件。并且大多数生成器在尝试转换为该特定文件的 eot 格式时会中断。因此，我的选择是返回客户端并要求另一组字体或要求他们自己进行转换。感谢大家的尝试。有时，在查看它是否真的是一个有效的问题之前，不应该降级。作为开发人员，这对我来说是一个有效的问题。我挣扎了几个小时才意识到这个问题。问题在于字体本身的条款和条件，它提供了转换。感谢大家

于 2013-08-26T11:26:45.873 回答