相关疑难解决方法(0)

我必须用JS(jQuery)检测浏览器是否支持Woff,然后向主体添加一个类.像这样的东西:

    if(woffIsSupported){

    $('body').addClass('modern');

    }

这有点可能吗？谢谢您的回答.

我拼凑了一个来自不同来源的脚本,这有助于我在样式表无法加载时放置一些后备(特别是对我来说,Pictos服务器并不总是可靠的).

这很好用,但由于某种原因在Firefox上失败,它不处理if语句中的任何内容.我试过通过JSHint运行它并没有出现任何严重的问题.

有任何想法吗？

$(document).ready(function(){
    $.each(document.styleSheets, function(i,sheet){
      if(sheet.href==='http://get.pictos.cc/fonts/357/9') {
        var rules = sheet.rules ? sheet.rules : sheet.cssRules; // Assign the stylesheet rules to a variable for testing

        $('body').addClass('pictos-working');
        $('.pictos-fallback').hide(); // Hide fallbacks

        // If the stylesheet fails to load...
        if (rules.length === 0) {
            $('.pictos').hide(); // Hide Pictos tags so we don't get random letters
            $('body').removeClass('pictos-working'); // Remove 'working' class
            $('.pictos-fallback').show(); // Show fallbacks
        }
     }
    });
});?