- フォント
- 高速化
Google Fonts を preload で先読みし最適化
Google Fonts を preload で先読みし、サイト表示を高速化する方法の紹介です。また、コアウェブバイタルの改善ができます。
フォント
フォントに関する記事
- フォント
HTML エラーを出さず複数の Google Fonts を 1 つの link タグで読み込み
16 進数の %7C を使えば、複数の Google Fonts を 1 つの link タグで HTML エラーを出さず読み込めます。
- フォント
- AMP
AMP ページで Google Fonts を使う 2 つの方法
AMP ページで Google Fonts を使う方法の紹介です。link タグで読み込む方法とサーバーにフォントファイルを設置し preload で読み込む方法の 2 つがあります。
- 高速化
- フォント
Web Font Loader で Google Fonts を非同期で読み込みサイト速度を改善
サイト表示速度を遅くせず Google Fonts を利用できる Web Font Loader の使い方の説明です。テキストがちらつく FOUT を抑えることもできます。