True Type 字体的 IE 问题

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 需要调整以支持嵌入字体。请参阅您的问题中的 cmets，因为它是重复的。

仅供参考 IE10 将是第一个支持 HTML5 标准的 IE 浏览器。

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

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。