エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
フォント読み込み完了のタイミングで処理を実行する - 無駄と文化
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
フォント読み込み完了のタイミングで処理を実行する - 無駄と文化
ブラウザにフォントが読み込まれたタイミングで JavaScript の処理を実行したいと思ったとき、以前であ... ブラウザにフォントが読み込まれたタイミングで JavaScript の処理を実行したいと思ったとき、以前であればサードパーティー製のライブラリを使っていた *1 けど、最近はブラウザの標準 API だけで読み込みタイミングの判定ができるようだ。 Document.fonts を使う。 使用例 document.fonts.ready を参照すると Promise が取れる。 document.fonts.ready.then(function(fontFaceSet) { // フォント読み込み完了後に実行される console.info({ fontFaceSet }); }); ブラウザ対応 ブラウザ対応状況 Document API: fonts | Can I use... Support tables for HTML5, CSS3, etc 例によって IE11 ではサポートさ