フォントペアリング について
ライブプレビュー、サイズ制御、ワンクリックCSS/HTMLエクスポート付きで美しいGoogle Fontsペアリングを発見します。すべてブラウザ内で動作します。
フォントペアリング の使い方
- 1キュレートされたフォントペアリングを閲覧します。各ペアは見出しフォントと本文フォントの組み合わせを表示します。
- 2「シャッフル」をクリックして新しいペアリングを発見するか、スタイルでフィルターします。
- 3カスタマイズパネルで見出しサイズ、本文サイズ、行の高さを調整します。
- 4カスタム見出しテキストを入力して、ペアリングでコンテンツがどのように見えるか確認します。
- 5CSSまたはHTMLインポートスニペットをコピーしてプロジェクトでフォントを使用します。
ヒント
- コントラストが鍵です。見出しには太字のディスプレイフォント、本文には読みやすいセリフまたはサンセリフをペアにしてください。
- 視覚的一貫性を維持するため、プロジェクトあたり最大2フォントに抑えてください。
- Starter以上にアップグレードして追加のフォントペアリングにアクセスしてください。
無料 vs 有料の制限
無料：ペアリング数制限あり。Starter以上：フルペアリングライブラリ。
OneKitTools チーム更新日 2.21.4