Question

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

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

我正在正确地提供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作为准备字体代码的工具。

ie8上的@ font-face text blocky - live example

1 个答案: