用途から選ぶ早見表
| やりたいこと | 向いている分類 | 選ぶときの目安 |
|---|---|---|
| Webサイトの本文を読みやすくしたい | ゴシック体 / UD書体 | ウェイトが複数あり、小さいサイズでも字形が潰れないもの |
| 記事や書籍を落ち着いて読ませたい | 明朝体 | 行間を広めに取れる設計か。暗い背景なら太めを選ぶ |
| やわらかく親しみやすい印象にしたい | 丸ゴシック体 | 本文全体ではなく見出しに限定すると軽くなりすぎない |
| 和の情緒・手書きの温かみを出したい | 手書き・筆書き | 短い見出しや引用に限定する。本文には使わない |
| バナーやタイトルで目を引きたい | デザイン・ディスプレイ | 1画面に1箇所まで。背景とのコントラストを確保する |
| 年齢や視力の幅が広い読み手に届けたい | UD・教科書体 | ライセンス条件が書体ごとに異なるため事前に確認する |
ゴシック体 — 本文とUIの第一候補
画面で読ませる文章の既定値になるのがゴシック体です。線の太さが一定で小さいサイズでも字形が潰れにくく、スマートフォンの本文・ボタンのラベル・表組みの数字まで用途を選びません。迷ったときは対応ウェイトの多い書体を選んでおくと、見出しと本文の強弱を1書体だけで作れるため、読み込むフォントファイルが減ってページ表示も軽くなります。企業サイトのように長く運用するものほど、提供元がはっきりしていて更新が続いている書体が安全です。
Googleが提供する世界最大級のオープン日本語ゴシック。商用フリー・OFLライセンスで完全自由利用。
Adobeが提供するNoto Sans JPの兄弟フォント。中国語・韓国語にも対応した汎用性が魅力。
日本人開発の人気オープンソース日本語フォント。等幅版「M PLUS 1 Code」もコーディングに人気。
IBMのコーポレートフォント「Plex」の日本語版。モダンで企業向け感のあるオープンフォント。
Zenシリーズの角ゴシック。クセのない現代的な字形で本文から見出しまで万能。
控えめで親しみやすい日本語フォントペア。Webフォントとして軽量で読み込みが速い。
明朝体 — 長い読み物と和の重厚感
横線が細く縦線が太い明朝体は、まとまった量の文章を落ち着いて読ませたいときに向きます。書籍・インタビュー記事・コーポレートの理念ページなど、速く流し読みさせるより一文ずつ受け取ってほしい場面が得意です。一方で線の細さゆえに、小さい文字や暗い背景では読みにくくなることがあります。本文に使うなら行間を広めに取り、見出しには太いウェイトを合わせると画面でも破綻しません。
丸ゴシック体 — やわらかさと親しみやすさ
角を丸めたゴシック体は、同じ内容でも受け取られる印象がぐっと柔らかくなります。子ども向けサービス・医療や介護の案内・飲食店のメニューなど、緊張を下げたい場面と相性が良い分類です。ただし親しみやすさは裏返すと軽さにもなるため、金額や契約条件のような硬い情報が主役のページでは、見出しだけ丸ゴシックにして本文は通常のゴシック体に任せる、といった使い分けが無難です。
手書き・筆書き — 温かみと和の情緒
手で書いた線の揺らぎを残した書体は、印刷物でいう「一筆添える」役割を持ちます。和菓子や日本酒のパッケージ、季節の挨拶、書道教室の告知など、書き手の気配を伝えたい場面で効果を発揮します。本文に使うと可読性が落ちるため、基本は見出し・ロゴ・引用の一文といった短い範囲に限定するのが定石です。楷書寄りか筆書き寄りかで和の濃度が変わるので、伝えたい格式に合わせて選び分けます。
デザイン・ディスプレイ — 見出しのインパクト
極端に太いもの、ドットで構成されたものなど、形そのものが主張する書体です。キャンペーンのバナー・ゲームのタイトル・イベント告知など、まず目に留めてもらうことが最優先の場面で使います。文字数が増えるほど読みにくくなるので、1画面に1箇所、多くても数語までに抑えるのが扱い方のコツです。背景色とのコントラストを十分に取ると、小さく置いても存在感が落ちません。
UD・教科書体 — 読みやすさを最優先する
ユニバーサルデザイン書体は、見間違いを減らすことを目的に字形が設計されています。似た形の文字を判別しやすく、はねや払いの方向がはっきりしているため、学習教材・公共施設の案内・行政の配布物のように読み手の年齢や視力の幅が広い場面で選ばれます。デザイン上の個性は控えめですが、「読めなかった」という失敗をいちばん起こしにくい分類です。ライセンス条件は提供元ごとに差があるため、利用前の確認が特に重要です。
商用利用とライセンスの読み方
このページで扱う書体の多くは SIL Open Font License(OFL)で配布されています。 OFL は商用利用・改変・再配布を認めるライセンスですが、フォントファイル自体を単独で有償販売することは認められていません。 一方で、OS に標準搭載されている書体や、提供元が独自の規約で配布している書体は条件が異なります。 とくに「同梱・埋め込み(アプリや電子書籍への組み込み)」「ロゴへの使用」「改変版の配布」は書体ごとに扱いが分かれる項目です。 各書体の解説ページに配布元へのリンクを載せているので、実務で使う前に必ず一次情報を確認してください。
タイポグラフィ・デザイン書籍
デザイン書籍を読み放題・聴き放題で
書体選びの引き出しを増やす本は、Amazonの定額サービスで対象タイトルを追加料金なしで読んだり聴いたりできます。