2013-09-21 50 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; 

}