字體在IE 9

不加載在我的CSS樣式表，第一項是字體在IE 9

@font-face { 
    font-family: "Font"; 
    src: url(link) format("truetype"); 
} 
p.customfont { 
    font-family: "Font", Verdana, Tahoma; 
}

這不是計算機上通常安裝的字體。 Chrome會加載此字體並將其用於正確的位置，但IE 9不會。現在很多人仍在使用IE，這讓我很擔心。我嘗試了很多其他電腦，並且Chrome在所有方面都工作得很好，但IE也沒有成功。

我該如何解決這個問題？

編輯：以供將來參考 - http://everythingfonts.com/font-face轉換爲所需要的所有格式的TTF爲你，並創建CSS - 所以大量的時間節省

來源

2014-05-14 CalvT븃

有http://www.fontspring.com/blog/fixing-ie9-font-face-problems –

「很多人還在用IE」讀 - 你說就像IE是一個垂死的品種。 –

使用'eot'和'woff'文件格式！你可以使用在線轉換器。 –

一般來說，你應該使用EOT，WOFF，TTF和SVG，以支持所有瀏覽器。

例子：

@font-face { 
font-family: 'font'; 
src: url('../fonts/font.eot'); /* IE9 Compat Modes */ 
src: url('../fonts/font.eot') format('embedded-opentype'), /* IE6-IE8 */ 
    url('../fonts/font.woff') format('woff'), /* Modern Browsers */ 
    url('../fonts/font.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('../fonts/font.svg#PlanerRegular') format('svg'); /* Legacy iOS */ 
}

來源

2014-05-14 15:53:50 ChaveVrey

回答

相關問題