FOUT

Flash of Unstyled Textの頭文字をとってFOUTと呼ばれる現象がある。FirefoxでWebフォントの読み込みが完了するまで別のフォントが使われる現象のことで、後にSafariやChrome、Internet Explorerで起こるようになった読み込みの完了まで空白になる現象のことも含めてFOUTと呼ぶことが多い(気がする)。このWebサイトでも起こっていて、それについて聞かれたのでさらっと書いてみる。 この現象の原因はCSSの処理やWebページのレンダリングと並行してWebフォントのHTTPリクエストが行われることにあるので、仕様と言って良い。起こらないようにするにはWebフォントの読み込みが終わるまで他の処理をブロックするとかしないといけないため、改善される可能性はあるけどまず直ることはない。日本のWebサイトではあまり起こらないように感じるのは、Webフォント自

[yksk]

@hail2u_ これかー。。アイコンフォントくらいだと範囲少なくて目立たないけど、本文で使ってると気になるのかな…。

[yamadar]

webfontが読み込み完了するまで空白になったり別のフォントが使われる問題。

[teppeis]

Flash of Unstyled Text, Webフォントを読み込むかで、Firefoxでは別フォント、Safari/Chrome/IEでは空白になる現象

[efcl]

WebFontが読み終わるまで真っ白になる減少の名前