2

現在、Google の WebFont Loader を使用してカスタム @font-face フォントをロードしています。このツールは、css クラスを使用してフォントの読み込み中にテキストを非表示にできるようにすることで、fout を排除することになっています。残念ながら、html タグのクラスは常に wf-active であるように見えるため、fout は引き続き表示されます。wf-loading クラスが表示されない理由を知っている人はいますか?

参考までに、当社の Web サイトはhttp://wiredimpact.comで、Google WebFont Loader のドキュメントはhttps://developers.google.com/webfonts/docs/webfont_loaderにあります。

ありがとうございました。

4

2 に答える 2

3

この問題を回避するためのハックを作成しました。まず、wf-loadingクラスをhtml要素にハードコーディングしました。

<html class="wf-loading">

WebFont ローダーはこのクラスを削除し、ロードされた関連するフォント クラスに置き換えるため、すべてが期待どおりに機能します。ただし、WebFont ローダーが読み込まれず、クラスが削除されない状況にはなりたくないwf-loadingので、フォールバックとして、3 秒後にクラスを削除するスクリプトを追加しました。

setTimeout(function() {
    $('html').removeClass('wf-loading');
}, 3000);
于 2013-05-22T03:02:25.343 に答える