みかづきブログ その3

3ヶ月つづけてみました。

document.fonts.ready で webフォントの読み込み完了を検知する

すべてのブラウザに実装されているわけではないですが、Chromeでは

document.fonts.ready

で webフォントの読み込み完了を検知できるようです。
プロミスになってるっぽいので、

document.fonts.ready.then(function (evt) {
  // ...
});

という感じでコールバック関数を渡してつかいましょう。


DEMO

See the Pen TEXT SIZE CHANGE by kimmy (@kimmy) on CodePen.