如何检查平台是否支持 FontFace API？答案

【问题标题】：How to check if a platform supports FontFace API?如何检查平台是否支持 FontFace API？
【发布时间】：2018-10-12 11:39:53
【问题描述】：

我可以检查一个平台是否支持下面的 FontFace API 吗？

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

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

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

【问题讨论】：

@font-face 与 FontFace 不同，并非如此，但一个平台可以支持 @font-face CSS 而不是 Javascript API FontFace？
如果不支持FontFace，那么它（通常）是undefined。不过，webkitFontFace 的检查没有任何作用，所以我会删除该部分。
@Stijn 好的，谢谢，创建一个答案，这将比下面答案的错误要好得多。题主没看错，已经被标记为重复了，这种沉淀也应该有惩罚的，因为它总是发生，太无聊了。

【解决方案1】：

不支持FontFace的时候就是undefined（除非自定义JS因为某种原因设置了window.FontFace变量）。所以你提议的代码的第一部分很好。检查webkitFontFace 没有任何用处，可以删除。

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

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

【讨论】：