Googleのウェブフォントからフォントを読み込む機能を検出する方法

Question

いくつかの文字列を表示するにはGoogleのウェブフォントを読み込んでいます。

Google Webフォントの読み込みに失敗した場合（多分タイムアウトやネットワークの問題など）、フォントファミリスタックに落ちる代わりに画像を表示したいと考えています。

Google Webフォントが正常に読み込まれたかどうかを検出する方法はありますか。

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

Answer 1

webfontのロードリクエストは、ページのHTMLノードにクラス属性を生成します。 （あなたが探しているもの）WF-非アクティブ

2. wf-：次のクラスは、ステータスを示します、（私はGoogleの型サービスは、Typekitとともに、使用すると仮定しています）Google Webfont Loaderを使用してロード
3. WF-アクティブ

また、あなたは、このようなWF-myfont-アクティブとしてフォント固有のクラスを、持っています。