PR
TIPS

Noto Sansのローカルフォントを優先して表示速度を高速化する方法

Noto SansはGoogleが提供しているフリーフォントで、様々な言語と文字種をカバーしています。しかし、Web上でそのまま使用すると、特に大規模なウェブサイトではページのロード時間に影響を及ぼす可能性があります。

この問題を解決するために、以下のようにfont-familyを指定することで、ユーザーのローカル環境にインストールされているNoto Sansを優先的に使用することができます。

font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;

この方法は、特にAndroidやChromeなどの環境で有効です。これらの環境では、Noto Sansはデフォルトでインストールされているため、ローカル環境に存在するフォントを使用することで、Webフォントのダウンロードを省略し、ページのロード時間を大幅に削減することができます。

この記事を書いた人
Naokazu Yokoo

エンジニア歴20年以上。現在はWeb / AI領域で活動中。
開発環境・サーバー環境ともに速度と効率性を追求しています。

Follow Naokazu Yokoo
Follow Naokazu Yokoo

Comment

タイトルとURLをコピーしました