Question

在我的CSS样式表中，第一个条目是

@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 - 因此节省了大量时间

Answer 1

通常你应该使用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 */
}

在IE 9中未加载字体

1 个答案: