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不显示网站字体

回答

相关问题