0

vitesseSans book在我的网页中使用由 font2web.com 生成的字体。它在除 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;
}

如何解决这个问题?

4

2 回答 2

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 也需要一个#ID 来在 SVG 中引用,这是缺失的。要针对所有版本的旧 IE,首先是默认的 EOT,然后是 IE 万无一失的 #iefix & 格式(嵌入式开放类型)。

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

于 2013-09-21T11:50:09.380 回答
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;

}

于 2013-09-21T12:47:39.950 回答