我在我的网页中使用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;
}
如何解决这个问题?
答案 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;
}