1

我不确定问题出在哪里，但我刚刚使用 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 文件有问题，除非还有其他问题，任何建议都会很棒。谢谢。

4

2 回答 2

1

见这里。它说

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

您提供了许多 URL，所以这可能是问题所在。

于 2013-06-04T13:38:05.433 回答
0

我记得一个与 @font-face 相关的 IE8 问题，其中渲染块

@font-face{
    ...
}

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

希望这有帮助

有关其他详细信息，请参阅此问题

于 2013-06-04T13:40:26.013 回答