1

いくつかのテキスト文字列を表示するためにグーグルウェブフォントをロードしています。

私がやりたいのは、いずれにせよGoogle Webフォントの読み込みに失敗した場合（タイムアウトやネットワークの問題など）、フォントファミリースタックに分類されるのではなく、画像を表示したいということです。

それで、GoogleWebフォントが正常にロードされたかどうかを検出する方法はありますか。のようなものを実装できるように

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

1 に答える 1

2

webfontの読み込みリクエストにより、ページのHTMLノードにクラス属性が生成されます。Google Webfont Loader（GoogleタイプサービスがTypekitとともに使用すると想定しています）を使用すると、次のクラスがステータスを示します。

  1. wf-inactive（あなたが探しているもの）
  2. wf-loading
  3. wf-active

さらに、wf-myfont-activeなどのフォント固有のクラスがあります。

于 2012-01-22T18:13:14.907 に答える