0

キャンバス内でカスタム フォント (CSS ファイルの @font-face で呼び出される) を使用しています。フォント ファイルはキャンバス内で使用する前に読み込む必要があるため、次のようにウィンドウの読み込み後にスクリプトを実行しています。

$(window).load(function() {
  /* Generate canvas code */
});

IE10 では、フォント ファイルが読み込まれる前にコードが実行されるようです。カスタム フォントの代わりに、既定のフォント (この場合は Times) が使用されます。この動作は IE10 でのみ発生しています。canvas をサポートする以前のバージョンの IE は、他の主要なブラウザと同様に正しいフォントを使用します。

カスタム フォントは、キャンバス要素以外のサイトの他の場所で使用されます。これらのテキストは IE10 でも正しくレンダリングされます。つまり、フォント ファイルは正しく読み込まれますが、スクリプトはその前に実行されます。

キャンバスでカスタム フォントを使用するための正しいコードはどれですか? または、スクリプトを実行する前にフォント ファイルが読み込まれるのを待つにはどうすればよいでしょうか。それにバインドできるイベントはありますか?

4

2 に答える 2