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中似乎不工作？

回答

相關問題