Web フォント
サイトに専用のフォントファイルを配信して、ユーザー環境に関係なく統一されたフォントで表示する仕組み。Google Fonts・Adobe Fonts・タイプスクエアなどのサービスから配信される。ブランドの統一感・デザイン品質を高める。
Web 担当者にとっては、ブランド表現の重要要素。和文 Web フォントは欧文より重いため、ページ速度への影響を考慮した選択が必要。
本書のスタンスは「Web フォントは『ブランド表現 vs 速度』のバランス」。Noto Sans JP のような軽量和文フォント + サブセット化 + 遅延読み込みの組み合わせで、両立できる。
担当者が陥りやすいのは、複数 Web フォント読み込みでページが重くなり、Core Web Vitals が悪化すること。フォント数を最小化、display=swap で読み込み中も文字表示を維持する。
言葉をよく利用する人
- デザイナー
- コーダー / フロントエンドエンジニア
- Web 担当者(発注側)
会話上での使用例
ブランドフォント検討
-
デザイナー
ブランドフォントを Web 表示
-
Web 担当者
Web フォント で実装可能。ただし速度影響を確認して、サブセット化検討します
ページ速度問題の調査
-
SEO 担当者
ページ遅い
-
Web 担当者
Web フォント の読み込み確認しましょう。display=swap 設定 + サブセット化で改善できます