3

据我所知，我已经正确嵌入了@font-face 字体（我已经检查并仔细检查了），但是我在 IE8 上遇到了以前从未经历过的奇怪行为。

在 IE8 上，有一个完美呈现的字体闪烁，然后它们切换为非常块状。它们在所有其他浏览器（IE9+、Webkit 等）中都能正常工作

这是有问题的网站： http: //scope-art.com/

我正确地提供了eot字体：

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

谁能解释发生了什么？

4

1 回答 1

0

您需要提供字体的 EOT 版本，以便 IE8 嵌入它。
这可能就是为什么它没有按您希望的那样工作。

您可以尝试使用 Font Squirrel @font-face Generator作为准备字体代码的工具。

于 2013-02-27T22:05:24.890 回答