和文組版で行間と字間が読みやすさを決める理由
デザインの相談を受けるとき、「フォントを変えたい」という要望をよく聞きます。しかし多くの場合、問題はフォントではなく行間と字間にあります。余白の設定を見直すだけで、同じフォントのままでも読みやすさが大きく変わることがあります。
行間の基本：本文に適した設定とは
日本語の本文組版では、行間（leading）は文字サイズの1.7〜2.0倍が読みやすいとされています。たとえば文字サイズが10ptであれば、行間は17〜20pt程度が目安です。この範囲を下回ると行が詰まって見え、上回ると行と行のつながりが感じられなくなります。
ウェブサイトの場合、CSSのline-heightプロパティで設定します。日本語テキストには1.8〜2.0の値が多くの場面で機能します。ただし、見出しと本文では適切な値が異なります。見出しは行間を詰めた方が塊として認識されやすく、1.3〜1.5程度が適切なことが多いです。
字間の調整：詰めすぎと開けすぎの見分け方
字間（letter-spacing）は、行間ほど意識されないことが多いですが、密度の印象に直接影響します。日本語の本文では、デフォルトの字間（0）か、わずかに開けた設定（0.02〜0.05em程度）が読みやすい場合が多いです。
見出しや短いキャッチコピーでは、字間を少し開けることで落ち着いた印象になります。逆に詰めすぎると、文字が塊に見えて読み取りにくくなります。調整するときは、実際のテキストを流し込んで、少し離れた距離から確認する習慣をつけると判断が早くなります。
- 本文：letter-spacing 0〜0.05em
- 見出し（大）：letter-spacing 0.05〜0.1em
- キャッチコピー：0.1em前後で様子を見る
- 全角記号の前後は個別に調整する
フォントを変える前に確認すること
「このフォントは読みにくい」と感じるとき、実際にはフォント自体の問題ではなく、行間か字間の設定が合っていないことがほとんどです。まず現在の設定を数値で確認し、上記の目安と比較してみてください。
フォントを変えると、それに合わせて行間・字間も再調整が必要になります。つまり、フォントを変えることは問題を解決するのではなく、調整の手間を増やすことになる場合があります。余白の見直しを先にやってみることをすすめます。
行間と字間の設定は、一度決めたら終わりではありません。フォントサイズを変えたとき、デバイスが変わったとき、テキストの量が増えたとき、それぞれで再確認が必要です。