2013-07-05 70 views
1

誰能告訴我,爲什麼Internet Explorer未拿起字體面我都低於規定:字體不適用於Internet Explorer?

http://www.droneboylaundry.com/homepage

我已經檢查了多次,無法看到CSS的任何問題:

@font-face { 
    font-family: 'BertholdAkzidenzGroteskCondensed'; 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot'); 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot') format('embedded-opentype'); 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.woff') format('woff'); 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.ttf') format('truetype'); 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.svg#BertholdAkzidenzGroteskCondensed') format('svg'); 
} 
+0

的頁面是非常複雜的,CSS和JS。儘量減少這個問題,一個可以分析的簡單個案。 –

回答

0

IE8都有漏洞加載EOT文件。

如果添加一個問號的URL的末尾所有的EOT包括,它應該工作:

src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot?'); 

編輯:保羅愛爾蘭的Bulletproof @font-face Syntax

@font-face { 
    font-family: 'BertholdAkzidenzGroteskCond'; 
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot?') format('eot'), 
    url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.woff') format('woff'), url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.ttf') format('truetype'); 
} 

編輯2IE has another bug where the font-family name can't be longer than 31 characters。我更新了上面的代碼以反映這一變化。

+0

這些都不是工作,我很害怕:( – user2548921

+0

檢查我的編輯,這肯定是一個IE瀏覽器的bug,你可能只需要玩得到它的工作。 –

+0

使用編輯恐怕 – user2548921

相關問題