design
無料
サインアップ不要
フォントペアリングツール
厳選されたGoogle Fontsのペアリングを閲覧し、見出しと本文テキストをライブでプレビューし、すぐに使えるCSSスニペットをコピーできます。
ツールを読み込み中…
このツールについて
Playfair Display + Source Sans ProやMontserrat + Merriweatherなど20以上の厳選フォントペアリングを探索するか、30フォントの厳選リストからミックスアンドマッチできます。フォントはGoogle Fonts APIを通じて動的に読み込まれるため、テキストがどのように表示されるかを正確に確認できます。カスタムプレビューテキストを入力し、プロジェクトですぐに使用できる@importスニペットとCSS font-family宣言をコピーしてください。
使い方
- 1 ステップ1：ギャラリーから厳選されたペアリングを選択するか、ブラウズモードに切り替えて30フォントの厳選リストから見出しフォントと本文フォントを選択してください。
- 2 ステップ2：プレビューパネルに独自のテキストを入力して、選択したフォントでコンテンツがどのように表示されるかを正確に確認してください。
- 3 ステップ3：フォントサイズを調整して、モバイル、タブレット、デスクトップなどの異なるスケールでペアリングを評価してください。
- 4 ステップ4：「CSSをコピー」をクリックして、スタイルシートに貼り付けられる状態のGoogle Fontsの@import URLとfont-family宣言をコピーしてください。