css - 如何在 css 中包含 .otf？

Question

我试图在css中包含字体但没有成功。在控制台中我收到错误
在控制台中。但是当我包含另一种带有 .ttf 扩展名的字体时，它的工作原理。有什么建议吗？

@font-face {
    font-family: 'Novecentowide-DemiBold';
    src: url("/wp-content/themes/test/fonts/Novecentosanswide-DemiBold.otf"); 
    src: url("/wp-content/themes/test/fonts/Novecentosanswide-DemiBold.otf") format("opentype");
    font-style: normal;
}

Answer 1

如果您使用的是开放字体，您可以尝试使用这样的转换器:http://www.fontsquirrel.com/tools/webfont-generator
建议将几种文件格式绑定(bind)到字体，因为默认情况下并非每个浏览器都支持每种格式:
(根据字体松鼠)

TTF 适用于除 IE 和 iPhone 之外的大多数浏览器。

仅限 EOT IE。

WOFF 压缩的新兴标准。

SVG iPhone/iPad。