internet-explorer - @font-face ie8 上的文字 block 状 - 实例

Question

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

在 IE8 上，字体会一闪而过，呈现完美，然后又变得非常 block 状。它们在所有其他浏览器(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;
}

谁能解释一下这是怎么回事？

Answer 1

您需要提供字体的 EOT 版本，以便 IE8 嵌入它。
这可能就是它无法按您希望的方式工作的原因。

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