Noto Sans JP
ゴシック系・可変あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
JAPANESE TYPE SPECIMEN
Google Fonts の日本語フォント68書体すべてを、入力した文字・太さ・縦書きで刷り比べられる見本帳です。各書体には配布ファイルから実測した収録文字数・縦書き対応・転送量を添えています。
太さは書体が持つ最も近いウェイトで表示します(1段だけの書体は変わりません)。見本の文字は、画面に入った書体から使う文字だけを Google Fonts から読み込みます。
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお 日本語フォントの美しさを比べる。永国東
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
あいうえお かなのしょたい
この書体を読み込めませんでした
分類は Google Fonts の分類(Sans Serif・Monospace=ゴシック、Serif=明朝、Handwriting=手書き、Display=デザイン)です。チップは左から、収録文字数・常用漢字の収録数・縦書き(◎そろう/○一部/×無し)・400を全部読んだ転送量・ライセンス。全項目の一覧表と計測方法もご覧ください。
目的別に、日本語フォントの選び方をまとめました。本文向き・見出し向き・ロゴ向きなど、上の68書体から用途に合うものを絞り込むための指針です。
Noto Sans JP・Zen Kaku Gothic New・M PLUS 1p などのゴシック体は、Webサイトの本文・見出し・UI・ビジネス文書に最適です。直線的でクセのない字形は小さなサイズでも読みやすく、スマートフォン画面で真価を発揮します。丸ゴシック系(Kosugi Maru・Zen Maru Gothic)は柔らかく親しみやすい印象になり、飲食・子供向け・暮らし系サービスに合います。
Noto Serif JP・Zen Old Mincho・Shippori Mincho は縦書きにも向き、長文小説・雑誌・書籍に適しています。明朝体は品格と可読性を両立するため、高価格帯の商品ブランディング、公式文書、文芸的Webコンテンツに最適。特に Zen Antique は独特の温かみがあり、和のテイストを表現できます。
Klee One・Yomogi・Yuji シリーズは手書き風の温かみを持ち、メッセージカード・ブログ・子供向けコンテンツで活躍します。視認性は標準的なゴシック体より下がるため、本文全体より見出し・ワンポイントとしての使用が推奨されます。
Dela Gothic One・Reggae One・RocknRoll One・Hachi Maru Pop などは、ロゴ・ポスター・SNSバナー・YouTube サムネで強い印象を作ります。DotGothic16 はレトロゲーム風、Stick は線画的、Train One はレトロタイポの雰囲気。本文には使わず、タイトルや画像内テキストに絞って使うとデザインが引き締まります。
日本語フォントは漢字を含むため欧文より容量が大きく、複数使用するとページ読み込み速度(LCP)に影響します。実測では、400の1ウェイトを全部読み込んだ転送量は漢字を収録する書体の中央値で2.41MBでした。Google Fonts は文字の範囲ごとにファイルを分けて配信するため実際の転送はこれより小さくなりますが、書体とウェイトの数は絞るのが基本です。font-display: swap の指定と preconnect の活用で、文字が表示されるまでの待ち時間を抑えられます。
PR — デザイン・Web制作おすすめ
※ A8.netアフィリエイト広告を利用しています。
PR — タイポグラフィ・デザイン書籍
Webデザインを次の一歩へ。タイポグラフィの定番書。
※ Amazonアソシエイト・プログラムの参加者として適正な収益を得ています。
この見本帳が役に立ったらシェアしてください
Webサイトで使う日本語フォントは、読みやすさ・印象・読み込み速度の3要素を意識して選ぶことが重要です。日本語フォントは収録する字が多く、Google Fonts の68書体のうち漢字を収録する55ファミリーでは、400の1ウェイトを全部読み込むと中央値で約2.41MBになります。表示する字だけを読み込む指定(text=)や、読み込むウェイトの絞り込みで負担を減らせます。
📖 読みやすさ重視(本文・ブログ・記事)
Noto Sans JPやZen Kaku Gothic Newなどのシンプルなゴシック体が向きます。どちらも複数のウェイトを持ち(Noto Sans JP は100〜900の可変、Zen Kaku Gothic New は5段)、見出しと本文で使い分けられます。
✨ 印象重視(見出し・ロゴ)
Shippori Mincho(しっぽり明朝)のような明朝体、M PLUS 1pのようなモダンなフォントが映えます。本文用と見出し用で2種類組み合わせる「ジャンプ率」の演出も効果的。
⚡ 読み込み速度改善
使うウェイトだけを読み込むのが基本です。Google Fonts の「&display=swap」パラメータを付けると、フォントの読み込み中も代わりの書体で文字が表示されます。
印刷物・PDF・プレゼンスライドで使う日本語フォントは、Webとは異なる基準で選ぶ必要があります。最大の違いは「文字組みの精度」で、文字間隔・行間・文字種の見え方が結果物の印象を大きく左右します。
📇 名刺・パンフレット・チラシ
PDF にするなら、ファイルにフォントを埋め込める書体を選ぶと、受け取った側の環境でも同じ見た目になります。上の68書体はフォントファイルが配布されているので、パソコンにインストールして Office やデザインツールで使えます。
🎤 プレゼンスライド
離れた席からの読みやすさが優先です。Noto Sans JPやBIZ UDPGothicなど太さを選べるゴシック体が使いやすく、明朝体は細い横線が遠目に見えにくくなるため、使うなら太めのウェイトにします。
日本語フォントには、無料で使えるフリーフォントと、有料の商用フォントがあります。それぞれの違いと選び方のポイントを整理します。
🆓 フリーフォント
代表例:Google Fonts の日本語フォント(Noto Sans JP・M PLUS・Shippori Mincho など)、源ノ角ゴシック・源ノ明朝(Source Han Sans/Serif)
このサイトの68書体は、66ファミリーが SIL Open Font License 1.1、2ファミリー(Kosugi・Kosugi Maru)が Apache License 2.0 です。OFL はフォント単体を販売しない限り、使用・改変・再配布を認めています。
💼 商用フォント
代表例:モリサワ・フォントワークス・ヒラギノなど(各社とも有料の書体が中心ですが、BIZ UD ゴシック・Klee One など一部は Google Fonts で OFL として配布されています)
年間契約で多数の書体を使えるサブスクリプション(モリサワパスポート・LETS など)が広く使われています。料金や使える書体は各社の公式サイトで確認してください。
⚠️ ライセンスで気をつけたい点
「個人利用のみ可・商用利用不可」のフリーフォントもあるため、商用案件で使う前は必ずライセンス条文を確認します。
ロゴやグッズのように文字の形そのものを商品にする用途は、商用フォントでは別のライセンスが必要になる場合があります。各社の利用規約を確認してください。
FONT GUIDES
Google Fonts の14書体は、収録文字・縦書き・字面率・転送量の実測値と、そこから読み取れる特徴、ライセンスの原文、数値が近い書体を個別ページにまとめています。源ノ角ゴシック・源ノ明朝・UD デジタル教科書体は、配布元の一次情報をもとに解説しています。
68書体すべての実測値は日本語フォント68書体の実測一覧で1表に並べています。