ie8沒有將嵌入字體渲染爲動態div

@font-face { 
    font-family: "England Hand"; 
    src: url("fonts/englandhand.eot?#iefix") format("embedded-opentype"),url("fonts/englandhand.ttf") format("truetype"); 
    font-weight: normal; 
    font-style: normal; 
}

我有上面的字體樣式。它包含在頁面的主體中。我沒有將字體系列添加到div，它在那裏呈現哦。當我創建該div的克隆併爲其分配另一個位置和id時，該字體將停止呈現。ie8沒有將嵌入字體渲染爲動態div

控制檯中也沒有錯誤。這個錯誤只發生在IE 8上，並在IE 9上正常工作。

解決方案 注意js錯誤。肯定會有一個在那裏導致問題

來源

2013-02-15 Bhumi Singhal

CSS樣式不應該在BODY標記中聲明。最佳做法是鏈接到HEAD標記中的外部樣式表，或將CSS放置在頁面的HEAD中的STYLE標記。 – 2013-02-15 10:34:01

是的，我知道，但在一些問題，我在這裏讀到，這有助於IE8正確渲染。那麼我正在努力盡我所能。 – 2013-02-15 10:44:22

我認爲你錯過了ie8/ie9支持一些前綴。您的代碼需要如下所示：

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

}

來源

2013-02-15 11:38:19 Rosario

src：url（'deutsch-webfont.eot'）;是ie9支持的代碼。而nect行定義了敵人ie8，因此ie8我的@ font-face是正確的。 – 2013-02-15 11:57:43

ie8沒有將嵌入字體渲染爲動態div

回答

相關問題