2015-11-10 3 views
1

У меня есть ситуация, когда я использую Data-URI для загрузки шрифтов и хочу использовать только один тип файла WOFF. Также важно, чтобы резервный шрифт не использовался, поэтому я ищу способ определить, поддерживает ли WOFF JavaScript. Возможно ли обнаружение поддержки WOFF (не WOFF2)?Обнаружить поддержку WOFF с JavaScript?

Этот вопрос задан раньше (Detecting with Javascript whether a Browser supports Web Open Font Format (Woff) or not), но ответы, полученные и принятые, касались не обнаружения поддержки WOFF.

+1

Попробуйте этот пост: http://stackoverflow.com/questions/7570211/detecting-with-javascript-whether-a-browser-supports-web-open-font-format-woff – ratherblue

+0

@ sev Интересно, что лучший ответ на этот вопрос на самом деле не отвечает на вопрос ... –

+0

@sev Я видел это, но похоже, что ответ, который они получили, был фактически поддержкой шрифтов. – James

ответ

3

Похоже, единственные браузеры, которые не поддерживают Уофф являются IE 8, Opera Mini, и Android, прежде чем 4.3: http://caniuse.com/#feat=woff

Затем вы можете проверить на IE8, видя, если addEventListener существует и Opera Mini, видя, если operamini существует:

// 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 
} 
+0

Как насчет более ранних версий Android? – James

+0

Он должен проверить что-либо менее 4.4. В других ответах в http://stackoverflow.com/a/19572784/4338477 перейдите по разным случаям, если это не работает – ratherblue

Смежные вопросы