@font-face を使用して、Web ページに 2 つの外部フォントをロードしています。それらはChromeで完全に読み込まれますが、IEで試してみると、ページの読み込み中にブラウザにデフォルトのフォントが表示され、css @font-faceに従ってフォントが正しいフォントに変更されます。
ページの読み込み中にデフォルトのフォントが IE や他のブラウザに表示されないようにするにはどうすればよいですか? いわゆる FOUT (スタイル設定されていないテキストのフラッシュ) を削除したいと考えています。スタイルシートを介してそれを行う方法はありますか?
助けてくれてありがとう！
不要なデフォルトのブラウザ フォントについては、font-sizeCSS プロパティをに設定し、クラス名で CSS rules0pxを宣言していることを確認font-sizeしてください。@font-face
この問題に対処するための専用スクリプト (Firefox 3.5/3.6 または Internet Explorer 7-9) を使用してこれにも取り組みたい場合は、FOUT-B-Gone JavaScript ソリューションを確認してください。
CSS トランジションを使用して、N ミリ秒後にテキストをフェードインするか、フォント アセットを読み込むのに十分と思われるものを使用できます。 ロード時のcss3遷移アニメーション?