如何检测无法加载谷歌网页字体的字体

Question

我正在加载谷歌网页字体以显示一些文本字符串。

我想要做的是，如果Google Web字体无法加载（可能超时或网络问题等），如果无论如何，我想显示一个图像，而不是下降到字体系列堆栈。

那么有没有办法来检测Google网页字体是否已成功加载;以便我可以实现类似于

if (Google webfont loads successfully) { 
    //display the string using that font 
} else { 
    //display an image instead 
} 

Answer 1

webfont加载请求将在您的页面的HTML节点上生成类属性。使用Google Webfont Loader（这我假设谷歌类型的服务使用，与Typekit一起），以下类将指示状态：

1. WF-无效（一个你正在寻找）
2. wf-装载
3. WF-活跃

此外，您将有特定的字体类，如WF-myfont活性。