Google Fonts組み合わせツール
フォント組み合わせツール
フォント組み合わせツール：Google Fontsをライブプレビュー | We.Inc
見出しと本文向けに厳選した24種類のGoogle Fontsの組み合わせを、自分のテキストでライブプレビューできる無料ツール。CSSをワンクリックでコピーできます。
相性のよいフォントを組み合わせると、サイト全体が洗練されて見えます。厳選したGoogle Fontsの組み合わせを見て、自分の見出しと本文を入力してプレビューし、CSSをコピーできます。すべてのフォントはオープンライセンスのもと、商用利用も無料です。
- 各ペアは、形にコントラストがありながら雰囲気の合う見出し用フォントと本文用フォントで構成されています。
- スタイル（モダン、クラシック、親しみやすい、力強い）で絞り込み、自分の文章を入力してプレビューします。
- Google FontsのリンクとCSSをコピーするか、「すべて読み込む」をクリックして、各ペアを実際のフォントでプレビューします。
- フォントは2種類で十分です。3種類目を加えるとまとまりにくくなります。
- セリフ体の見出しとサンセリフ体の本文、または太い見出しと細い本文など、1つの特徴にコントラストをつけましょう。
- 本文は16ピクセル以上、行の高さは1.5〜1.7程度にしましょう。
- 使うウェイトだけを読み込みましょう。追加するたびにページの読み込みが遅くなります。
よくある質問
このフォントは無料で使えますか？
はい。すべてGoogle Fontsのフォントで、オープンライセンス（主にSIL Open Font License）のもと公開され、商用利用が認められています。
Webサイトでフォントペアを使うには？
リンクタグをページのheadに、CSSをスタイルシートにコピーします。多くのサイト作成ツールでは、名前からGoogle Fontsを選べます。
プレビューがすぐに読み込まれないのはなぜですか？
ページを軽く保つため、フォントはペアをプレビューするか「すべて読み込む」を押したときだけ読み込みます。Google Fontsから取得します。
よいフォントの組み合わせとは？
見出しと本文に明確なコントラストがあり、雰囲気がそろっていて（どちらも親しみやすい、またはどちらもフォーマル）、小さいサイズでも本文を読みやすい組み合わせです。
無料で始める · クレジットカード不要
製品
ご利用いただける方
機能
リソース
会社情報
サイトマップを見る