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在SVG中也需要#ID来引用，这是缺失的。要定位所有版本的旧IE，首先是默认的EOT，然后是IE万无一失的#iefix＆amp; format（embedded-opentype）。

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

Answer 2

使用：http://www.fontsquirrel.com/ 然后连接字体的

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

}

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

2 个答案: