行間(Line Height)とは?
行間はテキストの行と行の間の垂直方向の間隔で、CSSのline-heightプロパティで調整します。行間が狭すぎると行が重なって窮屈に見え、広すぎると段落がバラバラに見えて視線がつながりません。適切な行間は可読性だけでなく、デザインの完成度にも大きく影響します。
一般的に欧文(英語など)はフォントサイズの1.5倍、韓国語は1.6倍、漢字を含む日本語・中国語は1.7倍程度が本文として適切です。日本語や漢字は正方形に近いブロック状の文字が多く、欧文アルファベットより視覚的な密度が高いため、より広い行間が必要です。見出しのような大きな文字は比較的狭い行間(1.2~1.35倍)が安定して見えます。
この計算機はフォントサイズ・言語・用途(本文/見出し)を選ぶと、推奨行間の値をpxとCSSのunitless値の両方で表示します。計算されたline-heightの値はそのままコピーしてCSSに適用できます。
よくある質問
行間はなぜ重要ですか?
狭すぎると読みにくく、広すぎると可読性が下がります。適切な範囲はフォントサイズの1.4~1.8倍です。
日本語はなぜ行間を広くする必要がありますか?
ブロック状の文字で視覚的密度が高く、欧文より10~15%広い行間が必要です。
見出しと本文の行間は分けるべきですか?
はい、見出しは1.2~1.3倍、本文は1.5~1.8倍が一般的に適しています。