フォント組み合わせツールとは？

見出しと本文の相性がいいフォントの組み合わせを見つけましょう。ペアリングを選び、自分のテキストでプレビューして、CSSやGoogle Fontsリンクをプロジェクトにコピーできます。

使い方

1. ステップ1 — フォントペアリング一覧を閲覧するか、スタイル（セリフ、サンセリフ、ディスプレイ）でフィルタリングします。
2. ステップ2 — ペアリングをクリックして、サンプルテキストまたは自分のテキストでプレビューします。
3. ステップ3 — 選んだペアリングのGoogle FontsインポートリンクまたはCSSコードをコピーします。

結果

ブログを構築する場合：「Playfair Display + Source Sans 3」のペアリングを選び、見出しをプレビューしてからCSSをコピーしてスタイルシートに貼り付けます。

関連ツール