Google Fontsペアリングツール — 相性の良いフォントの組み合わせ

フォントの組み合わせを選ぶことはデザインで最も難しい決断の一つです。ツールは実際のコンテンツプレビューで定評あるGoogle Fontsのペアを表示します。

フォントペアリングの原則

対照的なスタイルを組み合わせましょう：セリフの見出しとサンセリフの本文は古典的な組み合わせです。フォントは2つまでに抑えましょう。フォントウェイトのコントラストも効果的——同じフォントの太い見出しと細い本文でも機能します。

人気の組み合わせ

Playfair Display + Source Sans Pro：エレガントで読みやすい。Montserrat + Merriweather：モダンとクラシックの融合。Roboto + Lato：クリーンで機能的。Inter + Georgia：デジタルモダンとクラシック本文。すべてGoogle Fontsで無料です。

フォントのパフォーマンス

フォントウェイトは1フォントあたり2〜3に抑えます。読み込みパフォーマンス向上のためfont-display: swapを使用。可変フォント（Inter・Roboto Flex）は1ファイルで複数ウェイトに対応できます。