タスクの道筋 / 入力から結果へ
Google Fonts の組み合わせを見つける方法
- 01
目的で絞り込む
「目的」を「エディトリアル」「プロダクト」「ブランド」「ポートフォリオ」「データ」に設定するか、「すべての目的」のままにします。リストには網羅的なカタログではなく、10 の精選された組み合わせがあり、カウンターはフィルターに一致する数を表示するため、10 件の候補から選ぶのか 2 件から選ぶのかが常に分かります。
- 02
スタイルでさらに絞る
「スタイル」フィルター（「モダン」「クラシック」「表現的」「テクニカル」「温かみ」）を追加して、リストをさらに短くします。一致しない組み合わせはその旨を明示し、どちらかのフィルターを広げるよう提案します。空のグリッドをスクロールするよりずっとましです。各組み合わせには複数の目的とスタイルのタグが付いているため、1 つの条件を緩めれば、たいてい候補がいくつか戻ります。
- 03
組み合わせを調べる
カードを選択すると標本ページが開きます。見出しと本文のフォント名、ローカルのフォールバックフォントで描画されたプレビュー、そして 2 つの書体がなぜ相性がよいかの短い根拠が表示されます。フォールバックでの描画は意図的で、ページがあなたに黙ってフォントファイルを取得することはなく、本物の字形は見たいときにリンク 1 つ先にあることが告知されています。
- 04
トークンを持ち帰る
「CSS をコピー」で既成のカスタムプロパティを、「@import をコピー」でオプションの Google Fonts 読み込み行を、「JSON をダウンロード」で toolars-font-pair.json として保存される完全なエクスポートを取得します。「見出しの標本を開く」と「本文の標本を開く」のリンクが Google Fonts 上の本物の字形を開きます。あなたが選んだときだけで、自動で開くことはありません。