Open2

ポーフォリオサイト改善記録

tonchan1216tonchan1216

FOUT - flash of unstyled text

Webフォントによるちらつきが発生。原因は代替フォントがまず表示されて、Fontファイルがロードされると切り替わるから。

FOUT

Gatsbyのプラグインでpreloadを試みたが、全く関係ないフォントファイルをプリロードし始めたので断念。
https://www.gatsbyjs.com/plugins/gatsby-plugin-preload-fonts/#puppeteer

一旦Google Fontは切り捨てる方向で。微妙なフォントの違いより、ちらつき軽減を優先。(フォントマニアに怒られそう)