如何在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 建议将几种文件格式绑定到font-face,因为不是每个浏览器都支持每一个默认格式:(根据Font Sqirrel)

• TTF适用于大多数浏览器,IE和iPhone除外.
• 仅限EOT IE.
• WOFF压缩,新兴标准.
• SVG iPhone/iPad.