フォントペアプレビューアー - フォントの組み合わせをプレビュー

見出しと本文のフォントの組み合わせをプレビューしてテストします

その他

Tool

Heading Font

Body Font

Heading Text

Body Text

Playfair Display+Open Sans

The quick brown fox jumps over the lazy dog

Typography is the art and technique of arranging type to make written language legible, readable, and appealing. Great font pairings create visual hierarchy and improve readability.

Heading Sizes — Playfair Display

H1 - The quick brown fox

H2 - The quick brown fox

H3 - The quick brown fox

H4 - The quick brown fox

使い方

1ドロップダウンから見出しフォントを選択します
2本文フォントを選択します
3プレビュー用のカスタム見出しと本文テキストを入力します
4フォントがリアルタイムで並んで表示されます

よくある質問

Inter、Roboto、Open Sans、Lato、Montserrat、Playfair Display、Merriweather、Poppins、Raleway、Source Sans 3、Oswald、Nunito — すべてGoogle Fontsから利用可能です。

良いペアリングはコントラストを持たせることが多いです。セリフ体の見出しとサンセリフ体の本文（例：Playfair Display + Open Sans）の組み合わせがその一例です。同じファミリーのフォント同士も相性が良いです。

表示されているフォントはすべてGoogle Fontsであり、どのウェブサイトでも無料で使用できます。Google Fontsのリンクタグを含めて、CSSでfont-familyを適用するだけです。

よくある質問

Inter、Roboto、Open Sans、Lato、Montserrat、Playfair Display、Merriweather、Poppins、Raleway、Source Sans 3、Oswald、Nunito — すべてGoogle Fontsから利用可能です。