在IE中遇到@ font-face問題

我想從fontsquirrel.com使用@ font-face工具包。我已經直接從他們提供的文件提取的一切，但使用的開發工具在IE9測試時，我得到如下結果：在IE中遇到@ font-face問題

瀏覽器模式：IE9，文檔模式：IE9標準 - 字體渲染正確
瀏覽器模式：IE8，文檔模式：IE8標準 - 字體不渲染
瀏覽器模式：IE7，文檔模式：IE7標準 - 字體不渲染

好奇和真氣的事情是，當我觀看來自@字體面對面套件的演示文件它在以上三種情況下都能正確渲染。就像我說的一切都是從提供的文件複製/粘貼。

我能想到的唯一區別是我使用HTML5 Boilerplate。

任何想法將不勝感激。

響應評論：

下面是字體：http://www.fontsquirrel.com/fonts/bebas-neue

而且我使用的CSS：

@font-face { 
font-family: "BebasNeueRegular"; 
src: url('BebasNeue-webfont.eot?') format('eot'), 
    url('BebasNeue-webfont.woff') format('woff'), 
    url('BebasNeue-webfont.ttf') format('truetype'), 
    url('BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg'); 
font-weight: normal; 
font-style: normal; 
}

來源

2011-11-22 Jason

你能發表你正在使用的@ font-face規則嗎？謝謝。 –

IIRC IE9有一個全新的文本渲染引擎，它解釋了不同之處。你說這個字體在其他版本中根本沒有用過？ – reisio

我們在所有瀏覽器中成功使用FontSquirrel的@ font-face工具箱 –

傑森，你font-face代碼不完全匹配我下載的工具包裏有什麼。注意第四行（我標註了一些註釋的驚歎號）與你的不同。

@font-face { 
    font-family: 'BebasNeueRegular'; 
    src: url('BebasNeue-webfont.eot'); 
    src: url('BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), /* !!! */ 
     url('BebasNeue-webfont.woff') format('woff'), 
     url('BebasNeue-webfont.ttf') format('truetype'), 
     url('BebasNeue-webfont.svg#BebasNeueRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

來源

2011-11-22 20:45:53 ScottS

修復它。這很有趣，從我下載套件開始幾個星期。也許他們已經更新了它。謝謝。 – Jason

所有你真正需要的，IIRC，是'？'之後.eot，沒有格式參數，沒有woff，沒有svg，沒有額外的eot。 – reisio

然後它不適用於其他瀏覽器。他對IE有問題，但他希望它能跨瀏覽器工作（這就是爲什麼其他東西在那裏）。唯一可能被駁斥的是.woff，但.ttf是大多數其他瀏覽器，而.svg是iphone和ipad。 – ScottS

在IE中遇到@ font-face問題

回答

相關問題