日本語Webフォント比較
好きな文章を入力して、Google Fontsで公開されている日本語対応書体をまとめて見比べられます。
STEP 01日本語書体を同じ文章で比較
—書体から、用途に合うフォントを探せます
01-1表示する文章を入力
空欄では初期文を表示します。
入力した文章は、当社のサーバーやGoogle Fontsへ送信・保存しません。書体の取得時だけGoogle Fontsへ通信します。
01-2書体を絞り込む
01-3比較してコードをコピー
書体一覧を準備しています。
表示範囲に近づいた書体だけを読み込みます検索語を短くするか、書体の種類を変更してください。
日本語Webフォント比較の使い方
文章と条件を指定し、気に入った書体のコードをコピーできます。
- 01文章を入力
見出しや本文など、実際に使う日本語を100文字以内で入力します。
- 02検索・分類で絞り込む
書体名、種類、並び順、文字サイズを指定し、候補を見比べます。
- 03導入コードをコピー
読み込みHTMLとCSSをコピーしてWebページへ追加します。利用前に公式ページのライセンスも確認してください。
このツールについて
公開中の日本語対応Google Fontsを収録
Google Fonts公式メタデータで日本語対応を確認した—書体を収録しています。カタログ確認日は—です。提供状況の変更は定期更新時に反映します。
日本語向けの9分類で探せます
Google Fontsの基本分類に、丸ゴシック・筆・ドット・UDなどの特徴を補っています。特徴が重なる書体は複数の分類へ表示されます。
必要な書体だけを読み込みます
一度に全書体を通信せず、現在のページで表示範囲に近づいた書体だけをGoogle Fontsから読み込みます。通信に失敗した書体はカードから再読み込みできます。
HTMLとCSSをそのままコピー
「読み込みHTMLをコピー」でGoogle Fontsの読み込みタグを、「CSSをコピー」でfont-family指定を取得できます。Webページでは必要な書体だけを読み込むと表示速度を保ちやすくなります。
ライセンスは公式情報を確認
Google Fontsの書体はオープンソースとして提供されていますが、書体ごとにライセンス条件があります。商用利用・改変・再配布などを行う前に、各カードの公式ページとGoogle Fonts公式FAQ(新しいタブ)を確認してください。
入力文は外部へ送信しません
プレビュー文はブラウザ内だけで反映し、当社のサーバーへ保存しません。書体ファイルの取得時はGoogle Fontsへ通信しますが、リクエストURLにプレビュー文を含めません。