Question

我在我的网站上安装了一个新字体，但我无法识别IE8和IE9，我对浏览器如何渲染字体没有任何了解，但我的css样式表字体声明如下，

@font-face {     


font-family: VAGRounded;     src: url("../fonts/VAGRoundedW01-Light.eot") /* EOT file for IE */

 src:url("../fonts/VAGRoundedW01-Light.eot?#iefix") format('embedded-opentype');


 }

@font-face {  font-family: VAGRounded;  src: url("../fonts/VAGRoundedW01-Light.TTF") format('truetype'),

url("../fonts/VAGRoundedW01-Light.svg#webfontmvIrHXJB") format('svg');

非常感谢帮助!!

Answer 1

IE8和IE9不支持通过CSS3方案的嵌入字体，而无需先转换为支持的格式（SVG，TT，EOT等）。编辑：IE8和IE9需要调整才能支持嵌入字体。查看有关您问题的评论，因为它是重复的。

FYI IE10将是第一款支持HTML5标准的IE浏览器。

有很好的其他嵌入字体的方法。我推荐的是Cufon，因为它在旧版浏览器中使用VML并且不需要闪存。

http://cufon.shoqolate.com/generate/

Answer 2

您应该考虑使用Font Squirrel等服务。

它会为各种浏览器生成所有代码。

输出看起来像这样

@font-face {
    font-family: 'LivingstoneRegular';
    src: url('../livingst-webfont.eot');
    src: url('../livingst-webfont.eot?iefix') format('eot'),
         url('../livingst-webfont.woff') format('woff'),
         url('../livingst-webfont.ttf') format('truetype'),
         url('../livingst-webfont.svg#webfont44PDl6Sr') format('svg');
    font-weight: normal;
    font-style: normal;
}

http://www.fontsquirrel.com/fontface/generator

Answer 3

尝试正确的语法：Fontspring Syntax，Further Hardening of the Bulletproof Syntax，Mo’ Bulletproofer或Smiley。

真实类型字体的IE问题

3 个答案: