JAPANESE FONT INDEX

日本語フォント17書体の解説・比較一覧

書体ごとの特徴・ウェイト数・商用利用の条件・配布元をまとめた解説ページの一覧です。 トップページのプレビューでは27書体を実際の文字で試せます。そのうち、特徴とライセンスを個別に解説しているのがこの17書体です。 見え方を先に確かめたいときはプレビュー画面へ、 用途別のおすすめから選びたいときはおすすめ17選へ。

用途から選ぶ早見表

やりたいこと向いている分類選ぶときの目安
Webサイトの本文を読みやすくしたいゴシック体 / UD書体ウェイトが複数あり、小さいサイズでも字形が潰れないもの
記事や書籍を落ち着いて読ませたい明朝体行間を広めに取れる設計か。暗い背景なら太めを選ぶ
やわらかく親しみやすい印象にしたい丸ゴシック体本文全体ではなく見出しに限定すると軽くなりすぎない
和の情緒・手書きの温かみを出したい手書き・筆書き短い見出しや引用に限定する。本文には使わない
バナーやタイトルで目を引きたいデザイン・ディスプレイ1画面に1箇所まで。背景とのコントラストを確保する
年齢や視力の幅が広い読み手に届けたいUD・教科書体ライセンス条件が書体ごとに異なるため事前に確認する

ゴシック体 — 本文とUIの第一候補

画面で読ませる文章の既定値になるのがゴシック体です。線の太さが一定で小さいサイズでも字形が潰れにくく、スマートフォンの本文・ボタンのラベル・表組みの数字まで用途を選びません。迷ったときは対応ウェイトの多い書体を選んでおくと、見出しと本文の強弱を1書体だけで作れるため、読み込むフォントファイルが減ってページ表示も軽くなります。企業サイトのように長く運用するものほど、提供元がはっきりしていて更新が続いている書体が安全です。

明朝体 — 長い読み物と和の重厚感

横線が細く縦線が太い明朝体は、まとまった量の文章を落ち着いて読ませたいときに向きます。書籍・インタビュー記事・コーポレートの理念ページなど、速く流し読みさせるより一文ずつ受け取ってほしい場面が得意です。一方で線の細さゆえに、小さい文字や暗い背景では読みにくくなることがあります。本文に使うなら行間を広めに取り、見出しには太いウェイトを合わせると画面でも破綻しません。

丸ゴシック体 — やわらかさと親しみやすさ

角を丸めたゴシック体は、同じ内容でも受け取られる印象がぐっと柔らかくなります。子ども向けサービス・医療や介護の案内・飲食店のメニューなど、緊張を下げたい場面と相性が良い分類です。ただし親しみやすさは裏返すと軽さにもなるため、金額や契約条件のような硬い情報が主役のページでは、見出しだけ丸ゴシックにして本文は通常のゴシック体に任せる、といった使い分けが無難です。

手書き・筆書き — 温かみと和の情緒

手で書いた線の揺らぎを残した書体は、印刷物でいう「一筆添える」役割を持ちます。和菓子や日本酒のパッケージ、季節の挨拶、書道教室の告知など、書き手の気配を伝えたい場面で効果を発揮します。本文に使うと可読性が落ちるため、基本は見出し・ロゴ・引用の一文といった短い範囲に限定するのが定石です。楷書寄りか筆書き寄りかで和の濃度が変わるので、伝えたい格式に合わせて選び分けます。

デザイン・ディスプレイ — 見出しのインパクト

極端に太いもの、ドットで構成されたものなど、形そのものが主張する書体です。キャンペーンのバナー・ゲームのタイトル・イベント告知など、まず目に留めてもらうことが最優先の場面で使います。文字数が増えるほど読みにくくなるので、1画面に1箇所、多くても数語までに抑えるのが扱い方のコツです。背景色とのコントラストを十分に取ると、小さく置いても存在感が落ちません。

UD・教科書体 — 読みやすさを最優先する

ユニバーサルデザイン書体は、見間違いを減らすことを目的に字形が設計されています。似た形の文字を判別しやすく、はねや払いの方向がはっきりしているため、学習教材・公共施設の案内・行政の配布物のように読み手の年齢や視力の幅が広い場面で選ばれます。デザイン上の個性は控えめですが、「読めなかった」という失敗をいちばん起こしにくい分類です。ライセンス条件は提供元ごとに差があるため、利用前の確認が特に重要です。

商用利用とライセンスの読み方

このページで扱う書体の多くは SIL Open Font License(OFL)で配布されています。 OFL は商用利用・改変・再配布を認めるライセンスですが、フォントファイル自体を単独で有償販売することは認められていません。 一方で、OS に標準搭載されている書体や、提供元が独自の規約で配布している書体は条件が異なります。 とくに「同梱・埋め込み(アプリや電子書籍への組み込み)」「ロゴへの使用」「改変版の配布」は書体ごとに扱いが分かれる項目です。 各書体の解説ページに配布元へのリンクを載せているので、実務で使う前に必ず一次情報を確認してください。

タイポグラフィ・デザイン書籍

※ Amazon アソシエイト・プログラム経由のリンクを含みます。リンク経由のご購入で運営者が紹介料を受け取る場合があります。最新の価格・在庫はAmazonでご確認ください。

デザイン書籍を読み放題・聴き放題で

書体選びの引き出しを増やす本は、Amazonの定額サービスで対象タイトルを追加料金なしで読んだり聴いたりできます。

Kindle Unlimited 対象のデザイン書が読み放題・30日無料 → Audible 対象の本を聴き放題・30日無料体験 → Amazon Prime Prime Reading・配送特典つき → Amazon Music Unlimited 作業用BGMを聴き放題・30日無料体験 →
※ Amazonのアソシエイトとして適格販売により収入を得ています。各サービスの無料体験・対象範囲・料金は予告なく変更される場合があります。詳細はAmazonでご確認ください。

よくある質問

日本語フォントを商用利用するとき、何を確認すればいいですか?
配布元が公開しているライセンス本文を確認します。SIL Open Font License(OFL)で配布されている書体は商用利用・改変・再配布が認められていますが、フォントファイル自体を有償で販売することは禁止されています。OS付属フォントや無償配布フォントは条件が書体ごとに異なるため、利用前に配布元の規約を必ず確認してください。
日本語フォントをWebフォントとして使うにはどうすればいいですか?
Google Fonts で配布されている書体であれば、HTMLのhead内にlinkタグを追加し、CSSのfont-familyで書体名を指定するだけで利用できます。日本語フォントはファイルサイズが大きいため、使用するウェイトを必要な分だけ読み込むと表示速度の低下を抑えられます。手順はダウンロード・導入方法で詳しく解説しています。
ゴシック体と明朝体はどう使い分けますか?
画面で読ませる本文やUIのラベルにはゴシック体、まとまった量の読み物や落ち着いた印象を出したい場面には明朝体が向きます。明朝体は横線が細いため、小さい文字や暗い背景では読みにくくなることがあり、その場合は行間を広めに取るか太めのウェイトを選びます。
ウェイト(太さ)は何段階あれば足りますか?
本文と見出しを作り分けるだけなら2〜3段階で足ります。ウェイト数の多い書体を選んでおくと、強調の度合いを細かく調整でき、複数の書体を混ぜずに階層を表現できます。ただしWebフォントとして読み込むウェイトが増えるほど転送量も増えるため、実際に使う段階だけ読み込むのが基本です。