javascript - 如何检查平台是否支持 FontFace API？

Question

我可以检查平台是否支持如下 FontFace API 吗？

if(window.FontFace || window.webkitFontFace) {
     //...
}

或者我不应该检查“window.webkitFontFace”是否存在？

注意:我想知道它是否可以支持 Javascript 的 FontFace API 而不是 CSS 的@font-face，尽管 FontFace API 使用 CSS @font-face。

Answer 1

当 FontFace 不被支持时，它是 undefined(除非自定义 JS 出于某种原因设置了 window.FontFace 变量)。所以你建议的代码的第一部分很好。检查 webkitFontFace 没有任何意义，可以将其删除。

if (window.FontFace) {
    console.log("supported");
} else {
    console.log("not supported");
}

上面的代码在最新的 Firefox 上返回 supported，在最新的 Internet Explorer 上返回 unsupported。