4

アプリケーションで Google の Web フォントを使用していますDOMContentLoadedが、Web フォントがダウンロードされるまで Firefox で起動しないようです。私は何か間違ったことをしていますか、それともこれは予想される動作ですか?

私のフォントは、headセクションに配置された次のようなものに含まれています。

<link href="http://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">

私の JavaScript は私のページの下部にリンクされており、次のようにイベントが追加されています。

document.addEventListener('DOMContentLoaded', function() {
  ...do stuff...
})

これを Chrome でテストしてみましたが、実際に発生した順序を特定できませんでした (フォントの読み込みが非常に高速でした)。

4

2 に答える 2

1

に関するMozillaのドキュメントによるとDOMContentLoaded：

注: スタイルシートはブロック スクリプトの実行をロードするため、 の<script>後にがある場合、スタイルシートがロードされるまで<link rel="stylesheet" ...>、ページは解析を終了せず、起動しませDOMContentLoadedん。

したがって、DOMContentLoaded外部 Web フォントが完全にダウンロードされるまで起動されないなど、予期された動作が発生しているように見えます。

于 2014-08-09T22:09:59.467 に答える