javascript - Webフォントがロードされるのを待つ方法は？

Question

Webフォントを使用するcanvas要素があります。jqueryのonloadメソッドを使用しても($(function () {});)、onloadを実行するとフォントが使用できなくなる可能性があります。キャンバスにテキストが表示されない場合もあれば、正常に機能する場合もあります。

とにかく、すべてのフォントがロードされた後に実行するために、ある種のコールバックをgoogle webfontsに渡すことができますか？

Answer 1

「WebFontLoader」（GoogleとTypekitで使用）を介してフォントを埋め込むと、activeイベントにサブスクライブできます。すべてのフォントがロードされると起動されます。

ドキュメントをご覧ください：https ：//developers.google.com/webfonts/docs/webfont_loader#Events

Answer 2

ウィンドウ ロード リスナーを使用してみてください。グラフィックス、CSS、Web フォントなどが読み込まれた後に起動します。

http://api.jquery.com/load-event/

グラフィックを含むページが完全にロードされたときに関数を実行します。

$(window).load(function() {
    //do something
});

http://jsfiddle.net/kwLf9/1/