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;

}

您可能需要阅读此solution

Answer 2

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

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

2 个答案: