IE不顯示網站字體

我在我的網站上有Trebutchet MS ttf字體。IE不顯示網站字體

導入文件看起來是這樣的：

@font-face { 
    font-family: "Trebuchet-MS"; 
    src: url('../fonts/Trebuchet-MS-Regular.ttf'); 
    font-weight: 500; 
} 

@font-face { 
    font-family: "Trebuchet-MS"; 
    src: url('../fonts/Trebuchet-MS-Bold.ttf'); 
    font-weight: 700; 
}

它的工作完美的谷歌瀏覽器和Mozilla，但不工作的IE瀏覽器。

對我的問題的任何sugesstion？

來源

2017-01-10 Luke

IE的哪個版本？所有現代瀏覽器，包括IE9和up都支持'woff'，這是一個圍繞opentype字體的包裝，使得它們對於網絡是明確的，不同於使用純粹的'ttf'或'otf'，這是一種通用系統字體，並且被保證被拒絕除非在特定的opentype元數據設置下，所有版本的IE。 **然而：** Trubechet不能自由地分發或使用作爲webfont，除非您爲webfont許可支付$ 100 +。（僅僅因爲它附帶了你的電腦，根本不會使它免費重新發布） –

請注意，ttf是一種未壓縮的格式，不適用於網站。改用woff或eot。 – kontur

@font-face { 
    font-family: "GothamBook"; 
    src: url("../fonts/Gotham-Book.eot"); 
    src: url(".../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), 
    url("../fonts/Gotham-Book.woff") format("woff"), 
    url("../fonts/Gotham-Book.ttf") format("truetype"), 
    url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg"); 
}

這段代碼解決了該問題

來源

2017-01-10 16:22:40 Luke

此代碼是2012代碼，在2016年瘋狂=）所有現代瀏覽器都支持'woff'，並且你不需要任何其他的同伴：'eot'不再被MS支持，'svg'甚至不支持**作爲字體規範存在**（幾乎所有的瀏覽器都刪除了支持），而'ttf' /'otf'是通用系統字體，它們需要比它們的'woff'對應更嚴格的解析。 –

IE不顯示網站字體

回答

相關問題