Webフォントによるちらつきをなくす方法（ネット低速環境も考慮） - Qiita2022/07/26追記 Loading画面を使用したい場合はこちら！！ はじめに AdobeやGoogleが用意しているWebフォント、本当に便利ですよね。 スタイリッシュなフォントを、CSSやJavascriptの数行を追加するのみで使用できる優れものです。 ですが欠点として、Webフォントを読み込みブラウザに反映させるのに若干ラグがあるために、文字幅の変更が発生することから、 サイトが一瞬ちらついて表示されているように見えます。 これには「Flash Of Unstyled Text (FOUT)」という名前も付いているようです。 具体例：https://helpx.adobe.com/jp/typekit/using/font-events.html このちらつきをなんとかする方法ですが、すごく参考になるサイトがあって、 Webフォントの読み込み完了後、htmlタグに.wf-act
