2011-07-19 53 views
0

我一直在試圖讓@ font-face使用font-squirrel的工具包來渲染最近2個小時。退房this link,你會看到,在所有非IE瀏覽器的一切是桃色的,但在IE它不能完全呈現...HTML5和@ font-face與IE

這裏是我的字體面對面代碼:

@font-face { 
    font-family: 'CartoGothicStdBook'; 
    src: url('../cartogothicstd-book-webfont.eot'); 
    src: url('../cartogothicstd-book-webfont.eot?#iefix') format('embedded-opentype'), 
     url('../cartogothicstd-book-webfont.woff') format('woff'), 
     url('../cartogothicstd-book-webfont.ttf') format('truetype'), 
     url('../cartogothicstd-book-webfont.svg#cartogothicstdbook') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

上午什麼我錯過了?字體在根目錄中,以及樣式表(儘管我不認爲它有什麼區別)。是否因爲HTML5標籤(我使用HTML5 shiv)不能使用@ font-face pre-IE9?

希望從絕地編碼人員那裏聽到不久,

+0

您使用了哪些標籤? –

+0

位於新部分標籤內的標題標籤。 –

回答

0

您是否嘗試過使用填充工具 - 從http://www.modernizr.com/,而不是HTML5希夫modernizer2.js。 @ font-face是Modernizer檢測到的css功能,請參見http://www.modernizr.com/docs/#features-css

+0

嗨Leonie,modernizr如何幫助實現@ font-face規則?據我所知,modernizr決定支持一個元素,其中font-face自從版本4以來已經被IE接受了? –