font-face在IE8中似乎不工作？

我在我的CSS中有以下几行。font-face在IE8中似乎不工作？

@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中工作？

来源

2012-03-01 Amanda Kitson

试图通过[fontsquirrel的发电机（http://www.fontsquirrel.com/fontface/generator）上运行您的字体，看看它曲柄出来。要使自定义字体跨浏览器工作，您需要以多种格式提供字体。 – 2012-03-01 13:59:48

看起来像fontsquireel的发电机不适合我。上传文件后，仍然显示我没有上传文件，下载时没有提供字体。我已经尝试过使用FireFox 10和IE8。当我回家时，我会在今晚尝试使用其他浏览器。 – 2012-03-01 14:45:11

FontSquirrel的网站今天真的非常慢。我想知道他们是否有问题。您还可以查看一些[google网页字体]（http://www.google.com/webfonts），看看他们是如何做的。 – 2012-03-01 14:48:32

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

将字体添加到Font Squirrel @font-face Generator，它会为您准备好所有内容，其中包括一套新的CSS @font-face规则，可用于现有规则。

来源

2012-03-01 13:56:42 BoltClock

终于有字体松鼠为我工作。喜欢输出！太棒了！谢谢！ – 2012-03-01 14:58:44

Internet Explorer无法识别CSS3中的.ttf（TrueType）或.otf（OpenType）字体，至少现在还不行。 IE识别一个.eot（Embeddable Open Type）。

@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

来源

2012-03-01 14:02:47

IE9已经识别出最常见的字体格式。 – BoltClock 2012-03-01 14:03:24

是的，但不是ie9的兼容模式 – koffster 2013-05-13 13:38:53

font-face在IE8中似乎不工作？

回答

相关问题