2011-06-14 68 views
0

因此,我使用@ font-face作爲我的投資組合網站,並且在Chrome,Firefox和Safari中都可以使用 - 但IE已證明存在問題。@字體在IE中的問題

以下是我的CSS文件;

@font-face { 
font-family:"League" 
src: url('sources/League_Gothic.otf')format('opentype'); 
} 

然後對於IE,我在主HTML頁面上有以下內容。

<!--[if IE]> 

<style type="text/css" media="screen"> 

@font-face{ 
    font-family:'League'; 
    src: url('sources/league_gothic-webfont.eot'); 
} 

</style> 

<![endif]--> 

我在Font Squirrel上的.oft文件中創建了.eot文件,但IE繼續使用默認的Times New Roman。

有什麼建議嗎?

PS。我的網站是在iamturner.co.uk

+0

嘗試使用字體彈簧語法。 http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax – 2011-06-14 12:08:07

回答

1

Fontsquirrel提供了一個「font-face package」下載,它不僅包含各種字體本身,還包含一個CSS樣式表,可以將它們放在頁面上。看看生成的樣式表;它不適合用於生產,但它可以在您提到的所有瀏覽器中運行,並且可以將它用作自己樣式表的基礎。 (這一次,有條件的評論不需要BTW)。