Question

我的CSS中有以下几行。

@font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(/Styles/YanoneKaffeesatz-Bold.otf) format("opentype") }

在IE9中，这些出现了。在IE8中，它使用了后备字体Arial。如何在IE8中使用它？

Answer 1

您需要提供字体的EOT版本，以便嵌入旧版本的IE。他们不会识别任何其他格式，这就是为什么你要观察Arial的后备。

将您的字体带到Font Squirrel @font-face Generator，它会为您准备一切，包括一套新的CSS @font-face规则，用于现有规则。

Answer 2

Internet Explorer无法识别CSS3中的.ttf（TrueType）或.otf（OpenType）字体，至少现在还没有。 IE识别.eot（可嵌入的开放类型）。

@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('webfont.woff') format('woff'), /* Modern Browsers */
     url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

查看here

font-face似乎不能在IE8中运行？

2 个答案: