html - @font-face vitesseSans 书在 ie 中不工作

Question

我在我的网页中使用由 font2web.com 生成的字体 vitesseSans book。它在除 IE 之外的所有主要浏览器中都运行良好。

这里是font2web.com生成的代码

@font-face {
    font-family: 'Conv_VitesseSans-Book_0';
    src: url('fonts/VitesseSans-Book_0.eot');
    src: local('☺'), url('fonts/VitesseSans-Book_0.woff') format('woff'), url('fonts/VitesseSans-Book_0.ttf') format('truetype'), url('fonts/VitesseSans-Book_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

如何解决这个问题？

Answer 1

我不确定你的 @font-face 语法，以前从未见过，所以我给你一个适合我的语法:

@font-face{
 font-family:'Conv_VitesseSans-Book_0';
 src:url('fonts/Conv_VitesseSans-Book_0.eot');
 src:url('fonts/Conv_VitesseSans-Book_0.eot?#iefix') format('embedded-opentype'),
 url('fonts/Conv_VitesseSans-Book_0.woff') format('woff'),
 url('fonts/Conv_VitesseSans-Book_0.ttf') format('truetype'),
 url('fonts/Conv_VitesseSans-Book_0.svg#Conv_VitesseSans-Book_0') format('svg');
 font-weight:normal;
 font-style:normal;
}

SVG 也需要一个#ID 来在 SVG 中引用，但它缺失了。 要针对所有版本的旧 IE，首先是默认的 EOT，然后是 IE 万无一失的#iefix & 格式(嵌入式开放类型)。

也许这对您不起作用，也许您的 EOT 因在线转换而损坏？这是可能的，有时会发生。