フォントペア提案
Google Fontsで無料で使える和文・欧文フォントから、見出し用と本文用の組み合わせを提案します。雰囲気やサイトの種類で絞り込み、実際のWebページに近いレイアウトで見比べて、そのまま使えるコードをコピーできます。
入力したサンプル文章は外部に送信されません。すべてお使いのブラウザ内で処理されます。
※ プレビューのために、選んだフォントのファイルを Google Fonts から読み込みます(フォントを表示するための通信で、入力した文章は含まれません)。
組み合わせを選ぶ
プレビュー
文字サイズ・行間・字間
サンプルの文章を入力する
入力した文章はこの端末のブラウザにだけ保存されます。
選んだ組み合わせ
Adobe Fontsで探すなら
Adobe Fontsのフォントは、このツールでは読み込まないため、プレビューできません。雰囲気の近いフォントの名前を参考として挙げています。収録フォントや使える条件は変わることがあるため、最新の情報は公式サイトをご確認ください。
HTML の <head> 内に貼り付けます。
font-family には、Google Fontsが読み込めなかったときに使われる端末のフォント(フォールバック)も指定しています。文字サイズ・行間・字間はプレビューで調整した値です。
WordPress のブロックテーマの theme.json に追加する例です(settings.typography.fontFamilies)。既存の theme.json がある場合は、該当する部分だけを追記してください。version はお使いのテーマに合わせてください。
theme.json の指定だけでは、フォントのファイルは読み込まれません。「読み込みタグ」をテーマで読み込むか、WordPress のフォント管理機能などでフォントを追加してください(手順は WordPress のバージョンによって異なります)。