我正在尝试在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调试器中的字体:
它只是不显示它。
该字体在Firefox和Chrome上运行良好
答案 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”文件类型。我需要更改服务器上的一些设置,现在它可以正常工作。