如何使用 FontFace API 加载后备字体格式

Question

使用 FontFace API（不是 @fontface）时，是否有一种方便的方法来传递多种不同的字体格式，例如在 @fontface 中提供多个源？

或者，是否有一种方便的方法来检查使用 FontFace API 的浏览器将接受哪些格式，以便我可以提供最理想的几种格式？

Answer 1

根据CSS 字体加载规范的当前草案，FontFace API 采用与相应@font-face描述符相同的值。这意味着您可以简单地将您在定义中使用的任何后备字符串作为字体数据源传递@font-face。它\xe2\x80\x99是WebKit如何处理它的：

\n\n

let fontFace = new FontFace("MyWebFont", "url(\'MyWebFont.woff2\') format(\'woff2\'), url(\'MyWebFont.woff\') format(\'woff\')");\n

\n