Question

我不确定问题是什么，但我刚刚使用Font2Web转换了一组字体，并且我已经将以下代码附加到我的css中，以便像往常一样呈现我需要的字体。

    @font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-Bold/fonts/Gotham-Bold.woff') format('woff'),
    url('../fonts/Gotham-Bold/fonts/Gotham-Bold.ttf') format('truetype'),
    url('../fonts/Gotham-Bold/fonts/Gotham-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

    @font-face {
    font-family: 'Gotham Medium';
    src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot');
    src: url('../fonts/Gotham-Medium/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-Medium/fonts/Gotham-Medium.woff') format('woff'),
    url('../fonts/Gotham-Medium/fonts/Gotham-Medium.ttf') format('truetype'),
    url('../fonts/Gotham-Medium/fonts/Gotham-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

结果是我的字体在Chrome，Safari，Firefox上得到了很好的渲染，但IE8失败并且根本没有加载所需的字体。

我的猜测可能是我使用的转换器可能与EOT文件有问题，除非有任何其他内容，任何建议都会很棒。感谢。

Answer 1

见here。它说

 In Internet Explorer 8 and earlier versions, only one URL value is supported.

您提供了许多网址，因此可能存在问题。

Answer 2

我回想起与@ font-face相关的IE8问题，其中包含

的渲染块

@font-face{
    ...
}

在文档的头部（或从文档头引用的文件中）可能出现故障并且无法正确显示，错误的解决方法是将@ font-face的css块放在文档正文中。

希望这个帮助

see this question for additional details

Web字体未加载IE8

2 个答案: