@字體面不工作在IE7和IE8

我有我的@字體面風格寫成如下：@字體面不工作在IE7和IE8

@font-face { 
    font-family: 'Din'; 
    src: url('/fonts/DINWebPro.eot?') format('eot'), 
     url('/fonts/DINWebPro.woff') format('woff');

}

它的工作在每一個瀏覽器除了IE7和8，任何人有什麼想法？

感謝

來源

2012-12-14 cm381

使用fontsquirrel的@字體面發生器產生，你需要，我認爲IE早期喜歡用.SVG字體文件（你沒有）的所有fontfile類型。

fontsquirrel會把你的字體文件，所有的字體文件與其他擴展名從它生成，然後給你他們一起一個CSS文件，告訴你如何使用它們。

使用此方法，確保您的自定義字體在所有主要瀏覽器上運行，甚至老的IE

來源

2012-12-14 15:23:58

如果您使用過的http://www.fontsquirrel.com/fontface/generator發電機，你會得到一個相當不錯的結果了在每個瀏覽器嵌入。

這就是說，你的問題包括IE的細微差別。

「......所以，Paul設計的一種攔截IE的方法，它在到達」問題「格式之前。它扼流圈使用最好的一種CSS破解（一個沒有意義的語法），他挪用IE它浪費帶寬抓住不必要之前的文件之前。」

見src: local("☺")下面

Paul Irish建議以下內容：

@font-face { 
    font-family: "Your typeface"; 
    src: url("type/filename.eot"); 
    src: local("☺"), 
    url("type/filename.woff") format("woff"), 
    url("type/filename.otf") format("opentype"), 
    url("type/filename.svg#filename") format("svg"); 
    }

注意笑臉嚴重。這是html字符☺

還有一個great summary，列出了該過程的每一步。

來源

2012-12-14 15:45:20 MikeNGarrett

@字體面不工作在IE7和IE8

回答

相關問題