使用 JavaScript 检测 WOFF 支持？

Question

我有一种情况，我正在使用 Data-URI 加载字体，并且只想使用一种文件类型，WOFF。不使用备用字体也很重要，因此我正在寻找一种方法来检测 JavaScript 是否支持 WOFF。是否可以检测 WOFF（不是 WOFF2）支持？

这个问题以前曾被问过 (Detecting with Javascript whether a Browser supports Web Open Font Format (Woff) or not)，但给出和接受的答案与检测 WOFF 支持无关。

Answer 1

看起来不支持 WOFF 的浏览器只有 IE 8、Opera Mini 和 4.3 之前的 Android：http://caniuse.com/#feat=woff

然后您可以通过查看addEventListener 是否存在来检查IE8，并通过查看operamini 是否存在来检查Opera Mini：

// from http://stackoverflow.com/a/19572784/4338477
function getAndroidVersion(ua) {
    ua = (ua || navigator.userAgent).toLowerCase(); 
    var match = ua.match(/android\s([0-9\.]*)/);
    return match ? match[1] : false;
}

if ((document.all && !document.addEventListener) || 
        (!!window['operamini']) || 
        (parseFloat(getAndroidVersion() < 4.4)) {
    // IE 8, Opera Mini, Android 4.3 or lower: No WOFF support
} else {
    // Supports WOFF
}