todays_mitsui https://blog.hatena.ne.jp/todays_mitsui/ 無駄と文化 https://blog.mudatobunka.org/ JavaScript ブラウザにフォントが読み込まれたタイミングで JavaScript の処理を実行したいと思ったとき、以前であればサードパーティー製のライブラリを使っていた *1 けど、最近はブラウザの標準 API だけで読み込みタイミングの判定ができるようだ。 Document.fonts を使う。 使用例 document.fonts.ready を参照すると Promise が取れる。 document.fonts.ready.then(function(fontFaceSet) { // フォント読み込み完了後に実行される console.info({ fontFaceSet }); }); ブラウザ対… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.mudatobunka.org%2Fentry%2F2022%2F02%2F04%2F202350" title="フォント読み込み完了のタイミングで処理を実行する - 無駄と文化" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/todays_mitsui/20220204/20220204201402.png Hatena Blog https://hatena.blog 2022-02-04 20:23:50 rich https://blog.mudatobunka.org/entry/2022/02/04/202350 1.0 100%