Chrome没有拿起@ font-face OTF

Question

我的网站不会在Chrome中启用“ proxima nova” otf，也无法理解原因。这是CSS：

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf") format('opentype');
}

任何想法表示赞赏。

Answer 1

刚遇到同样的问题，您不需要指定otf字体的格式，只需删除src属性的最后一部分：

@font-face {
    font-family:'Proxima Nova';
    src: url("/Fonts/ProximaNova-Regular.otf");
}

此评论帮助我解决了这个问题：

Answer 2

不同的浏览器喜欢不同的字体文件格式，例如 IE 只会识别 .eot，我认为 webkit 浏览器更喜欢 .ttf 文件是正确的。

使用Squirrel 的字体生成器来创建您需要的所有各种字体文件，它还将为您提供一个示例，说明如何将它们全部正确地包含在 css 字体声明中