Google Fonts ペア検索
見出しと本文の組み合わせを比較します。最初はシステムフォントで表示し、選択した場合のみ Google Fonts を要求します。
少数の手作業で厳選した組み合わせです。Google Fonts のリアルタイム一覧や人気ランキングではありません。
最大2,000文字です。テキストはページ内に留まり、Hello Keyboard Tools に送信されません。
プレビュー
Source Serif 4
よいタイポグラフィは、読者が次の役立つ考えを見つける助けになります。
システムフォントの代替プレビューです。選択した Google Fonts スタイルシートはまだ要求されていません。
このボタンは次のサービスにリクエストします：fonts.googleapis.com。続いて、ブラウザーは次のサービスからフォントファイルを要求する場合があります：fonts.gstatic.com。初期状態ではオフです。
各ファミリーは Google Fonts リポジトリの SIL Open Font License 1.1 メタデータとして掲載しています。デザインを公開する前に現行のファミリーページと収録ウェイトを確認してください。
使い方
使い方
- 用途でローカル保存されたペアを絞り込み、選択します。
- 短い本文サンプルを編集し、システムフォントのプレビューを比べます。
- CSS とフォールバックをコピーするか、明示的に Google Fonts を有効にします。
厳選案であり検索エンジンではありません
Editorial、Product、Professional、Developer の 7 組を掲載します。Google Fonts Developer API を照会せず、全ファミリーを検索、人気順表示、ブランド分析せず、特定の読者への適合も保証しません。
リモートフォントは明示的な選択
初期表示はシステムフォールバックのみで、Google Fonts への要求はありません。選択フォントでプレビューすると fonts.googleapis.com にスタイルシートを要求し、読み込み後に fonts.gstatic.com からファイルを要求する場合があります。読み込み中はフォールバックが一時表示されることがあります。プレビューをオフにするとこのページのリンクを外し、システムフォールバックに戻します。
CSS とライセンス範囲
コピー用コードは Google Fonts CSS v2 を使い、表示中のウェイトだけを要求し、display=swap と汎用フォールバックを含みます。メタデータは Google Fonts リポジトリのディレクトリに SIL Open Font License 1.1 があるファミリーに限定されます。フォント本体や外部スタイルシートは同梱しません。本番利用前にページ、ウェイト、文字範囲、ライセンスを確認してください。
ブラウザープレビューはレイアウト承認ではありません
描画、字形、読み込み、フォールバックはブラウザーと OS で異なります。短いサンプルの比較用であり、全言語、アクセシビリティ設定、性能予算、本番レイアウトの検証用ではありません。
よくある質問
あわせて知りたいこと
ページを開くとすぐ Google Fonts に接続しますか？
いいえ。最初のカード、コード、プレビューはローカルです。選択フォントのプレビューか外部リンクを選んだときだけ要求します。
API キーが必要ですか？
不要です。Developer API は呼び出さず、任意プレビューには公開 CSS v2 スタイルシートを使います。
Google Fonts 全体を掲載していますか？
いいえ。固定の少数ペアであり、全カタログの取得やフォントファイルの同梱はしません。
コピーした CSS を実サイトで使えますか？
出発点として使えます。正確なウェイト、字形、ライセンス、プライバシー義務、フォールバック、性能を確認してください。
リモートプレビューが最初システムフォントに見えるのはなぜですか？
display=swap により、スタイルシートとフォントファイルの読み込み中は代替フォントが表示されます。未読込のフォントを表示済みとは扱いません。