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

时间:2013-09-21 11:29:03

标签: html5 css3 font-face

我在我的网页中使用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;
}

如何解决这个问题?

2 个答案:

答案 0 :(得分:0)

我不确定你的@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& format(embedded-opentype)。

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

答案 1 :(得分:0)

使用: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;

}