Question

我已经做了很多关于此的阅读，尝试了很多不同的事情，但仍然没有骰子。以下是我的一个@ font-face规则的示例：

@font-face { 
    src: url('/lib/fonts/Museo/Museo500-Regular.eot'); 
    src: local("☺"), 
        url('/lib/fonts/Museo/Museo500-Regular.ttf') format('opentype'); 
    font-family: Museo; 
    font-weight: 500; 
}

我已经检查了我的路径并尝试了各种CSS，并且没有任何东西可以在IE中渲染字体。这是一个一次使用所有自定义字体的示例页面：

http://test.thenewhive.com/test/fonts

在所有其他浏览器中看起来很好。

Answer 1

我不知道它是否与您的IE问题有任何关系，但此处的format('opentype')部分是错误的，因为您的TTF文件是TrueType文件。它应该是format('truetype'）。

话虽如此，我强烈建议您使用Font Squirrel @ font-face生成器之类的东西来防止任何错误。 http://www.fontsquirrel.com/fontface/generator

如果您更喜欢手动操作，我建议您查看一下这篇文章：http://readableweb.com/new-font-face-syntax-simpler-easier/它可以很好地解释使用正确的语法，只需确保您已阅读全部内容，因为已有一些更新到原来的帖子。

IE拒绝解释@ font-face规则，即使首先是eot文件而且“src：local（'☺'），...”hack second

1 个答案: