組み合わせ
Playfair Display 700 · Source Sans 3 400
レイアウト
タイポグラフィ
見出しのウェイト
本文のウェイト
テーマ
CSSの出力
このツールについて
フォントの組み合わせは、見出しのフォントと本文のフォントを4つの実際のレイアウトに組むので、一覧ではなくページの上で組み合わせを判断できます。2つの書体がよく合うのは、役割ははっきり違うのに、xハイト（小文字のxの高さ）のようなプロポーションがそろっているときです。ここにある10の書体は、このサイトから配信しているオープンライセンスの欧文フォントです。
使い方
- フォントの組み合わせとレイアウトを選びます。
- スライダーで、サイズ、行の高さ、字間を変えます。
- CSSをコピーし、同じオープンライセンスの書体を自分のサイトに置きます。
ガイドを読む（英語）
用語（英語）： xハイト · コントラスト · クリップボード
よくある質問
ウェイトが1つしか選べないのはなぜですか？
10の書体はそれぞれ1つのウェイトだけを配信しているので、ウェイトの行にはその1つだけが表示されます。見出しは700か400、本文は400です。CSSのウェイトも同じです。
スマートフォンやタブレットでも使えますか？
使えます。操作は画面下のバーにまとまっていて、タップすると開きます。幅の狭い画面では、プレビューの余白が小さくなり、カードは縦に並び、「ダッシュボード」の数字は小さくなります。
何かアップロードされますか？
いいえ。プレビューはブラウザの中で描かれ、どこにも送られません。フォントは外部のサーバーではなく、このサイトから読み込まれます。