🔤 フォントペアリング

日本語フォントの組み合わせを試して、CSSをコピー

🔒 データは端末だけに保存。アカウント登録不要・通信なし(フォント読込のみ外部通信)。
見出し
本文
見出しサイズ
32px
本文サイズ
16px
行間
1.9
字間
0em
見出し太さ
サンプル

おすすめの組み合わせ

CSS出力

使い方

1「見出し」と「本文」のフォントをセレクトボックスから選ぶ
2プレビューエリアで実際の見た目を確認(サンプル文も切替可能)
3フォントサイズ・行間・字間・太さをスライダーで調整
4「CSSをコピー」ボタンで、そのままWebサイトに貼れるコードを取得

※ 「おすすめの組み合わせ」から定番プリセットをワンタップで試せます。
※ フォント読込にGoogle Fontsを使用しています。入力内容は送信されません。

← ツールボックスに戻る