@ font-face在IE8中不起作用，適用於IE9

Question

我的字體不會出現在IE8中 ，但它可以在IE9中使用 。

@font-face {
  font-family: 'Ziggurat-HTF-Black';
  src: url('fonts/ziggurat-htf-black.eot');
  src: url('fonts/ziggurat-htf-black.eot?#iefix') format('embedded-opentype'), url('fonts/ziggurat-htf-black.woff') format('woff'), url('fonts/ziggurat-htf-black.ttf') format('truetype'), url('fonts/ziggurat-htf-black.svg#ziggurat-htf-black') format('svg');
  font-weight: normal;
  font-style: normal;
}

注意：我從堆棧溢出的另一個發布的解決方案中獲取了這個，所以認真地說它不是另一個問題的重復。

Answer 1

我不能肯定地說這里有什么問題，但我的建議是使用fontsquirrel來生成必要的跨瀏覽器兼容的CSS。

Answer 2

語法很好，我會查看服務器配置或字體文件本身。 你使用過轉換工具了嗎？ 嘗試再次轉換字體。

檢查您是否可以直接訪問EOT文件（如果在IE9中工作，應該沒問題）。

是否有針對IE8的CSS類？ 檢查他們是否正在更改字體系列。

Answer 3

我可以按照這個答案中的建議讓我的Ziggurat-Black工作： https ： //stackoverflow.com/a/7169311/564879

“在IE中沒有加載字體的最常見原因是因為字體名稱表被字體作者編碼錯誤。對於Josefin來說情況確實如此。姓氏+樣式名稱必須=全名。約瑟芬失敗了.FYI - fontsquirrel.com會自動糾正網頁內的這些問題。“

Answer 4

從這里 ：

舊版本的Internet Explorer支持嵌入式OpenType（EOT）文件，之后在CSS3中正式確定了@font-face 。