2013-09-21 47 views
0

我使用font2web.com在我的网页中生成的字体vitesseSans book。它在除IE以外的所有主流浏览器都能正常工作。@ font-face vitesseSans book not working in 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; 
} 

生成的代码如何解决这一问题?

+0

哪个版本... –

+0

字体的版本是1.002 – lifeline

+0

我想他指的是IE – Mark

回答

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 &格式(embedded-opentype)。

也许这不是你的工作,也许你的EOT是通过在线转换腐败?这是可能的,发生了一些时间。

+0

没有运气马克。无论如何感谢您的努力。 – lifeline

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; 

}