テック技報最新号へ →
デザイン

本文用の日本語フォントは、同じ文章・サイズ・行幅で並べ、数字と記号まで比べて選ぶ

大きな見出しの印象だけで決めない。比べる条件をそろえないと、何が違いを生んだのか分からない。

@dezainaz_ceo · 2026-11-10
#タイポグラフィ#日本語フォント#本文#フォント選び#可読性

どんな問題を解決するか / いつ使うか

見出しで良く見えた書体が、小さい補足や長い段落では詰まって見えたり、数字が読みにくかったりする。本文用のフォントを選ぶときに、条件をそろえて比較する手順。

関連: 日本語UI・資料向けのフォント候補:Gen Interface JP / LINE Seed JP / UDEV Gothic NF、ガイド:タイポグラフィ・フォント

手順

  1. 条件をそろえる:同じ自作の例文を、同じサイズ・太さ・表示幅で並べる(作者の例:Google Fonts の公式プレビューで 22px・Weight 400・表示幅1020px)。行高が既定(normal)だと書体ごとのメトリクス差も含まれるので、厳密に比べるなら行間も数値でそろえる。
  2. 数字と記号も入れる:「2026年11月9日 / 10:30」「¥12,800」「0 O 1 l I」のように、制作物に実際に出る文字を並べ、見分けやすさを確認する。
  3. 長い段落と小さい補足でも見る。
  4. 選んだら、実際の端末・文字サイズで読み返し、実ページに合わせて調整する。

注意点

  • 同じ数値の太さ(Weight 400 など)でも、書体によって見た目の濃さは違う。
  • 比較例は Noto Sans JP と Noto Serif JP(どちらも SIL OFL 1.1)。優劣ではなく比べ方の例。
  • AIにフォントを提案させるときも、この比較用の例文を渡して並べさせると判断しやすい。

出典

X の元の投稿を開く