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

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

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

最佳答案

根据CSS Font Loading规范的当前草案所说，FontFace API采用与相应的@font-face描述符相同的值。这意味着您可以简单地将在@font-face定义中使用的任何后备字符串作为字体数据源进行传递。 It’s how WebKit handles it:

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