FONT PREVIEW 日本語書体 見本帳 68書体を実測 / CSS コピー対応

JAPANESE TYPE SPECIMEN

日本語フォント68書体を、実際の文字で比べる

Google Fonts の日本語フォント68書体すべてを、入力した文字・太さ・縦書きで刷り比べられる見本帳です。各書体には配布ファイルから実測した収録文字数・縦書き対応・転送量を添えています。

刷り見本のテキスト

太さ
紙の地色
組み方向

太さは書体が持つ最も近いウェイトで表示します(1段だけの書体は変わりません)。見本の文字は、画面に入った書体から使う文字だけを Google Fonts から読み込みます。

68書体の見本

No.01

Noto Sans JP

ゴシック系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

16,732字常用 2,136縦◎2.94MBOFL 1.1
No.02

M PLUS 1p

ゴシック系・7段

あいうえお 日本語フォントの美しさを比べる。永国東

8,331字常用 2,136縦◎1.08MBOFL 1.1
No.03

Noto Serif JP

明朝・筆系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

16,726字常用 2,136縦◎3.92MBOFL 1.1
Google Fonts
No.04

Zen Maru Gothic

ゴシック系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

7,812字常用 2,132縦◎2.02MBOFL 1.1
No.05

Mochiy Pop One

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

14,293字常用 2,136縦◎2.59MBOFL 1.1
Google Fonts
No.06

Zen Old Mincho

明朝・筆系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

7,815字常用 2,132縦◎2.65MBOFL 1.1
Google Fonts
No.07

Monomaniac One

ゴシック系・1段

あいうえお かなのしょたい

525字常用 0縦○0.22MBOFL 1.1
Google Fonts
No.08

Kaisei Opti

明朝・筆系・3段

あいうえお 日本語フォントの美しさを比べる。永国東

7,930字常用 2,135縦○2.41MBOFL 1.1
Google Fonts
No.09

M PLUS 1

ゴシック系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

6,613字常用 2,136縦◎1.08MBOFL 1.1
No.10

M PLUS Rounded 1c

ゴシック系・7段

あいうえお 日本語フォントの美しさを比べる。永国東

8,201字常用 2,136縦◎1.62MBOFL 1.1
No.11

Stick

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,231字常用 2,135縦◎1.26MBOFL 1.1
Google Fonts
No.12

Kaisei Decol

明朝・筆系・3段

あいうえお 日本語フォントの美しさを比べる。永国東

7,930字常用 2,135縦○2.41MBOFL 1.1
Google Fonts
No.13

New Tegomin

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,074字常用 2,132縦○4.41MBOFL 1.1
Google Fonts
No.14

Rampart One

デザイン系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,231字常用 2,135縦◎2.23MBOFL 1.1
Google Fonts
No.15

Yusei Magic

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,566字常用 2,136縦◎1.48MBOFL 1.1
Google Fonts
No.16

Shippori Mincho

明朝・筆系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

15,363字常用 2,136縦◎3.70MBOFL 1.1
No.17

Zen Kaku Gothic New

ゴシック系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

7,737字常用 2,132縦◎1.41MBOFL 1.1
No.18

Darumadrop One

デザイン系・1段

あいうえお かなのしょたい

525字常用 0縦○0.35MBOFL 1.1
Google Fonts
No.19

BIZ UDPGothic

ゴシック系・2段

あいうえお 日本語フォントの美しさを比べる。永国東

11,741字常用 2,136縦◎2.85MBOFL 1.1
No.20

Sawarabi Mincho

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

4,746字常用 2,117縦○1.97MBOFL 1.1
No.21

Sawarabi Gothic

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

6,884字常用 2,135縦×1.05MBOFL 1.1
No.22

LINE Seed JP

ゴシック系・4段

あいうえお 日本語フォントの美しさを比べる。永国東

8,341字常用 2,135縦◎2.08MBOFL 1.1
Google Fonts
No.23

Dela Gothic One

デザイン系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

9,030字常用 2,136縦○1.52MBOFL 1.1
No.24

M PLUS 2

ゴシック系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

6,613字常用 2,136縦◎1.08MBOFL 1.1
No.25

Zen Kaku Gothic Antique

ゴシック系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

7,737字常用 2,132縦◎1.41MBOFL 1.1
Google Fonts
No.26

Yuji Hentaigana Akari

手書き系・1段

あいうえお かなのしょたい

336字常用 6縦○0.12MBOFL 1.1
Google Fonts
No.27

IBM Plex Sans JP

ゴシック系・7段

あいうえお 日本語フォントの美しさを比べる。永国東

8,316字常用 2,136縦◎1.44MBOFL 1.1
No.28

Kosugi Maru

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,525字常用 2,132縦○2.03MBApache 2.0
No.29

Hachi Maru Pop

手書き系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,470字常用 2,132縦◎2.51MBOFL 1.1
Google Fonts
No.30

Potta One

デザイン系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,286字常用 2,132縦◎2.65MBOFL 1.1
Google Fonts
No.31

DotGothic16

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,231字常用 2,135縦◎0.77MBOFL 1.1
No.32

Kosugi

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,526字常用 2,132縦○1.43MBApache 2.0
No.33

Hina Mincho

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,967字常用 2,136縦○2.61MBOFL 1.1
Google Fonts
No.34

Klee One

手書き系・2段

あいうえお 日本語フォントの美しさを比べる。永国東

10,178字常用 2,136縦◎3.35MBOFL 1.1
No.35

Shippori Mincho B1

明朝・筆系・5段

あいうえお 日本語フォントの美しさを比べる。永国東

15,363字常用 2,136縦◎5.10MBOFL 1.1
No.36

RocknRoll One

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,230字常用 2,135縦◎1.49MBOFL 1.1
Google Fonts
No.37

Yuji Syuku

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,013字常用 2,136縦○4.50MBOFL 1.1
No.38

Murecho

ゴシック系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

4,450字常用 2,136縦○0.62MBOFL 1.1
Google Fonts
No.39

Zen Antique

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,815字常用 2,132縦◎2.77MBOFL 1.1
Google Fonts
No.40

Shippori Antique

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

15,367字常用 2,136縦◎3.26MBOFL 1.1
Google Fonts
No.41

BIZ UDGothic

ゴシック系・2段

あいうえお 日本語フォントの美しさを比べる。永国東

11,741字常用 2,136縦◎2.88MBOFL 1.1
Google Fonts
No.42

Kiwi Maru

明朝・筆系・3段

あいうえお 日本語フォントの美しさを比べる。永国東

8,318字常用 2,136縦◎2.19MBOFL 1.1
Google Fonts
No.43

Train One

デザイン系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

4,356字常用 2,102縦◎1.33MBOFL 1.1
Google Fonts
No.44

Yuji Mai

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,013字常用 2,136縦○4.55MBOFL 1.1
Google Fonts
No.45

M PLUS 1 Code

等幅・可変

あいうえお 日本語フォントの美しさを比べる。永国東

6,463字常用 2,136縦×1.03MBOFL 1.1
No.46

BIZ UDPMincho

明朝・筆系・2段

あいうえお 日本語フォントの美しさを比べる。永国東

11,741字常用 2,136縦◎3.70MBOFL 1.1
Google Fonts
No.47

Zen Kurenaido

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,815字常用 2,132縦◎1.98MBOFL 1.1
Google Fonts
No.48

Kapakana

手書き系・可変

あいうえお かなのしょたい

421字常用 0縦×0.10MBOFL 1.1
Google Fonts
No.49

Yuji Boku

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,013字常用 2,136縦○4.55MBOFL 1.1
Google Fonts
No.50

Kaisei HarunoUmi

明朝・筆系・3段

あいうえお 日本語フォントの美しさを比べる。永国東

7,930字常用 2,135縦○2.43MBOFL 1.1
Google Fonts
No.51

WDXL Lubrifont JP N

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

13,360字常用 2,135縦○2.61MBOFL 1.1
Google Fonts
No.52

Cherry Bomb One

デザイン系・1段

あいうえお かなのしょたい

873字常用 0縦○0.29MBOFL 1.1
Google Fonts
No.53

Zen Antique Soft

明朝・筆系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

7,815字常用 2,132縦◎3.28MBOFL 1.1
Google Fonts
No.54

Reggae One

デザイン系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,231字常用 2,135縦◎1.26MBOFL 1.1
Google Fonts
No.55

Kaisei Tokumin

明朝・筆系・4段

あいうえお 日本語フォントの美しさを比べる。永国東

7,930字常用 2,135縦○2.43MBOFL 1.1
Google Fonts
No.56

Tsukimi Rounded

ゴシック系・5段

あいうえお かなのしょたい

477字常用 0縦○0.17MBOFL 1.1
Google Fonts
No.57

M PLUS U

ゴシック系・可変

あいうえお 日本語フォントの美しさを比べる。永国東

6,613字常用 2,136縦◎1.08MBOFL 1.1
No.58

Mochiy Pop P One

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

14,293字常用 2,136縦◎2.59MBOFL 1.1
Google Fonts
No.59

Palette Mosaic

デザイン系・1段

あいうえお かなのしょたい

289字常用 0縦○0.13MBOFL 1.1
Google Fonts
No.60

Aoboshi One

明朝・筆系・1段

あいうえお かなのしょたい

549字常用 0縦◎0.24MBOFL 1.1
Google Fonts
No.61

Yomogi

手書き系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

8,039字常用 2,136縦◎2.16MBOFL 1.1
Google Fonts
No.62

BIZ UDMincho

明朝・筆系・2段

あいうえお 日本語フォントの美しさを比べる。永国東

11,741字常用 2,136縦◎3.69MBOFL 1.1
Google Fonts
No.63

Yuji Hentaigana Akebono

手書き系・1段

あいうえお かなのしょたい

336字常用 6縦○0.13MBOFL 1.1
Google Fonts
No.64

Shippori Antique B1

ゴシック系・1段

あいうえお 日本語フォントの美しさを比べる。永国東

15,367字常用 2,136縦◎4.57MBOFL 1.1
Google Fonts
No.65

Shizuru

デザイン系・1段

あいうえお かなのしょたい

289字常用 0縦○0.23MBOFL 1.1
Google Fonts
No.66

Slackside One

手書き系・1段

あいうえお かなのしょたい

525字常用 0縦○0.20MBOFL 1.1
Google Fonts
No.67

Rock 3D

デザイン系・1段

あいうえお かなのしょたい

289字常用 0縦○0.38MBOFL 1.1
Google Fonts
No.68

Chokokutai

デザイン系・1段

あいうえお かなのしょたい

923字常用 0縦◎0.26MBOFL 1.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 はレトロタイポの雰囲気。本文には使わず、タイトルや画像内テキストに絞って使うとデザインが引き締まります。

Webフォント導入の注意点

日本語フォントは漢字を含むため欧文より容量が大きく、複数使用するとページ読み込み速度(LCP)に影響します。実測では、400の1ウェイトを全部読み込んだ転送量は漢字を収録する書体の中央値で2.41MBでした。Google Fonts は文字の範囲ごとにファイルを分けて配信するため実際の転送はこれより小さくなりますが、書体とウェイトの数は絞るのが基本です。font-display: swap の指定と preconnect の活用で、文字が表示されるまでの待ち時間を抑えられます。

PR — デザイン・Web制作おすすめ

※ A8.netアフィリエイト広告を利用しています。

この見本帳が役に立ったらシェアしてください

Webデザインでの日本語フォント選びの基本

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・スライドでの日本語フォント選び

印刷物・PDF・プレゼンスライドで使う日本語フォントは、Webとは異なる基準で選ぶ必要があります。最大の違いは「文字組みの精度」で、文字間隔・行間・文字種の見え方が結果物の印象を大きく左右します。

📇 名刺・パンフレット・チラシ

PDF にするなら、ファイルにフォントを埋め込める書体を選ぶと、受け取った側の環境でも同じ見た目になります。上の68書体はフォントファイルが配布されているので、パソコンにインストールして Office やデザインツールで使えます。

🎤 プレゼンスライド

離れた席からの読みやすさが優先です。Noto Sans JPやBIZ UDPGothicなど太さを選べるゴシック体が使いやすく、明朝体は細い横線が遠目に見えにくくなるため、使うなら太めのウェイトにします。

📚 小説・読み物系PDF

長文には明朝体が向きます。人名や旧字が出てくる読み物なら、人名用漢字まで収録している しっぽり明朝 などを、一覧表の人名用漢字の列で確かめて選びます。

フリーフォントと商用フォントの違い・ライセンス

日本語フォントには、無料で使えるフリーフォントと、有料の商用フォントがあります。それぞれの違いと選び方のポイントを整理します。

🆓 フリーフォント

代表例: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 など)が広く使われています。料金や使える書体は各社の公式サイトで確認してください。

⚠️ ライセンスで気をつけたい点

「個人利用のみ可・商用利用不可」のフリーフォントもあるため、商用案件で使う前は必ずライセンス条文を確認します。

ロゴやグッズのように文字の形そのものを商品にする用途は、商用フォントでは別のライセンスが必要になる場合があります。各社の利用規約を確認してください。

よくある質問

このサイトの68書体は商用利用できますか?
68書体のうち66ファミリーは SIL Open Font License 1.1、Kosugi と Kosugi Maru の2ファミリーは Apache License 2.0 です(Google Fonts の METADATA.pb の記録)。OFL はフォント単体を販売しない限り、使用・改変・再配布を認めています。フォントファイルを同梱して配布する場合は、各書体のライセンス全文を確認してください。
WebサイトにGoogle Fontsを導入する方法は?
HTMLのhead要素の中にlinkタグを置いてCSSを読み込み、CSSのfont-familyに書体名を指定します。このサイトでは各書体の「CSS をコピー」ボタンで、選んだ太さの読み込み用コードをコピーできます。
日本語フォントはページの読み込みが重くならない?
400の1ウェイトを全部読み込んだ転送量は、漢字を収録する55ファミリーの中央値で約2.41MBでした。Google Fonts は文字の範囲ごとにファイルを分けて配信するため、実際にはページで使う字を含む分だけが読み込まれます。見出しのように使う字が決まっているなら、text= パラメータで使う文字だけを読み込むとさらに小さくできます。
縦書きに対応している書体はどれですか?
68書体のうち40ファミリーが、縦書き用の字形置換(vert/vrt2)・縦の字送り(vmtx)・句読点や括弧など8字(、 。 ー 「 」 ( ) 〜)の縦用字形をすべて備えていました。プレビューの「縦書き」で実際に確かめられます。
人名や旧字が欠けない書体はありますか?
人名用漢字(Unihan の kJinmeiyoKanji 864件)をすべて収録していたのは68書体のうち16ファミリーでした。一覧ページで人名用漢字の収録数を比べられます。

FONT GUIDES

17書体の解説

Google Fonts の14書体は、収録文字・縦書き・字面率・転送量の実測値と、そこから読み取れる特徴、ライセンスの原文、数値が近い書体を個別ページにまとめています。源ノ角ゴシック・源ノ明朝・UD デジタル教科書体は、配布元の一次情報をもとに解説しています。

68書体すべての実測値は日本語フォント68書体の実測一覧で1表に並べています。