1

@font-face{ font-family: gotham; src: url('../fonts/Gotham-Light.otf'); } I have included font named as Gotham in my css file.Its working in mozilla and all other browsers but not in IE9.

4

1 回答 1

2

请参阅新的 Bbulletproof 字体语法

    @font-face {

        font-family: 'MyFontFamily';
        src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
             url('myfont-webfont.woff') format('woff'), 
             url('myfont-webfont.ttf')  format('truetype'),
             url('myfont-webfont.svg#svgFontName') format('svg');
    }

这个怎么运作？

Internet Explorer <9 在 src 属性的解析器中有一个错误。如果您在 src 中包含多个字体格式，IE 将无法加载它并报告 404 错误。原因是 IE 试图将左括号之间的所有内容作为文件加载到最后一个右括号。要处理这种错误行为，您只需先声明 EOT 并附加一个问号。问号使 IE 误以为字符串的其余部分是查询字符串并仅加载 EOT 文件。其他浏览器遵循规范，根据 src 级联和格式提示选择他们需要的格式。

浏览器兼容性：

Safari 5.03、IE 6-9、Firefox 3.6-4、Chrome 8、iOS 3.2-4.2、Android 2.2-2.3、Opera 11

要生成你的字体套件，你应该使用fontsquirrel。

于 2012-08-07T09:45:01.927 回答