Question

My site here不会在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's font face generator创建您需要的所有各种字体文件，它还会为您提供一个示例，说明如何将它们全部正确地包含在您的css字体面部声明中

Answer 3

最适合chrome的是base64

src：url（data：application / x-font-woff; charset = utf-8; base64

生成此

Answer 4

如果您在浏览器控制台中看到此字体请求的404错误，则问题不在浏览器中，而是在服务器端。解决方案是在Web服务器上的IIS中为.otf文件扩展名添加mime类型。由于otf是一种非常新的格式，因此它在IIS serevr的默认mime类型列表中不可用;你必须明确添加一个。