使用 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 和 Android 4.3 之前的版本：http://caniuse.com/#feat=woff

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

// from 
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
}

使用 JavaScript 检测 WOFF 支持？

Detect WOFF support with JavaScript?

javascript

woff

browser-feature-detection