Google Fontsで学ぶWebフォントの基本 第2回 preconnectとCORSを理解する Webフォントの読み込みを最適化するpreconnectの仕組みと、フォントに必須のCORS・crossorigin属性について解説します。 カテゴリー CSS > Webフォント／アイコンフォント 2026年2月12日 発行 著者 藤田 智朗 フロントエンド・エンジニア Google Fontsで学ぶWebフォントの基本 シリーズの記事一覧 このシリーズの記事 目次 前回まで preconnectによる最適化 なぜフォントにCORSが必要か サーバーにCORS設定がない場合の挙動 まとめ この記事を読むには 購読の手続きが必要です 購読の手続きへ 購読済みの方はログイン 月額880円（税込） + 初めてお申し込みの方には、30日間無料でお使いいただけます 第1回 Webフォントが表示されるまで