役立つ2つのCSS値

比率はCSSで使う単位なしのline-height値です。ピクセル値は入力したサイズに対する行ボックスを表し、追加の行間はフォントサイズを超える余白です。

目安はヒューリスティック

本文は1.4〜1.7、見出しは1.1〜1.3程度から試せます。大きな表示文字では、より狭くまたは広くする場合があります。最終的には書体のメトリクス、言語、幅、アクセシビリティの要件を確認してください。

サイズは1〜500 px、比率は0.8〜3.0に制限されます。計算はブラウザー内で行い、テキストや設定は送信・保存しません。

よくある質問

単位なしの行高とは何ですか？

要素のフォントサイズに掛ける比率です。たとえば1.5ならサイズ変更に合わせて自然に拡大縮小します。

ピクセル間隔はどのフォントでも正確ですか？

いいえ。CSSの行ボックスを示します。文字のアセンダーやディセンダー、言語、ブラウザーの描画で見え方は変わります。

どの比率を選べばよいですか？

目安から始め、本文は見出しより広めにすることが多いものの、実際の書体と読みやすさを確認してください。