CSS：訪問時または再ロード時のページ「ジャンプ」

Question

私はDrupal 8でサイトを構築しましたが、これはCSSの質問です。

ページをリロードすると、ページが「ジャンプ」します。あなたが最初に訪れたときにもこれを行いますが、あなたが 'f5'を押すとそれをより良く見ることができます。私はそれが問題を引き起こしていたかどうかを確認するためにロゴを削除しようとしましたが、それは...ページがまだ「ジャンプ」していませんでした。

大きなビロードの錆びた色のナビゲーションバーが、左に移動してリロードされた後、「想定されている」位置に再配置されているように見えます。

誰もがここで何が起こっているのか考えていますか？

Answer 1

あなたが見ているものはFlash of Unstyled Textです。フォントが読み込まれる前にテキストが画面に表示されたときに起こります。フォントの読み込みが終了すると、テキストが新しい位置にジャンプします。

数字の異なる技法については、this articleを参照してください。