在IE中嵌入字体不起作用

时间:2015-04-20 07:54:24

标签: html css fonts font-face

我正在尝试在Internet Explorer中嵌入字体,但它似乎不起作用。我已经在这里搜索了论坛,但我在这里读到的内容都没有。

我的代码是:

@font-face {
    font-family:"UniversLTW01-57Condense_723821";
    src:url("Fonts/723821/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix") format("embedded-opentype"), /* For IE */
        url("Fonts/723821/87512e82-56b3-4356-97ab-9cd7b2957e37.woff2") format("woff2"),
        url("Fonts/723821/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"),
        url("Fonts/723821/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"),
        url("Fonts/723821/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}

而不是format("embedded-opentype")我还试过了format("eot"),但它并没有影响结果。

我也尝试删除?#iefix,但这也没有效果。

我还注意到它显示了IE调试器中的字体: Font in IE Debugger

它只是不显示它。

该字体在Firefox和Chrome上运行良好

2 个答案:

答案 0 :(得分:1)

您是否尝试过分离src?我注意到外部服务的字体总是使用两个src属性,一个用于iefix,另一个用于定义其余的。那是因为IE忽略了它无法读取的东西。我建议尝试以下方法:

@font-face {
    font-family: 'Font Family Name';
    src: url('font.eot');
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff') format('woff'),
         url('font.ttf') format('truetype'),
         url('font.svg#fontname') format('svg');
    font-weight: normal;
    font-style: normal;
}

更新

我再次查看我过去使用的提供的字体文件,这些字体文件在IE上工作(从可移动类型联盟),他们使用两个src,一个只有eot而没有格式,然后eot iefix 和其他人一样,如上所述。我希望有效。

答案 1 :(得分:1)

我找到了解决方案。

问题是我们的网络服务器阻止了“.eot”文件类型。我需要更改服务器上的一些设置,现在它可以正常工作。

相关问题