行間計算ツール

このツールについて

この行間計算ツールは、フォントサイズと用途（本文、見出し、UI ラベル、ディスプレイ）に合わせて、推奨の行間、字間、理想的な段落の最大幅を、ライブプレビューと CSS 出力付きで提案します。

使い方

1. フォントサイズをピクセルで入力します。
2. スタイルを本文、見出し、UI ラベル、ディスプレイから選びます。
3. プレビューの段落と 4 つの推奨値を確認します。
4. 「CSS をコピー」をクリックし、値をスタイルシートに取り込みます。

知っておきたいこと

• 本文は、行間をフォントサイズの約 1.5–1.6 倍にすると読みやすくなります。
• 大きな見出しやディスプレイ用の文字は、1.05–1.2 程度の詰めた行間のほうがきれいに見えます。
• 読みやすい行の長さは、1 行あたりおよそ 45–75 文字です。
• WCAG 1.4.12 では、ユーザーが行間を 1.5、字間を 0.12 em に設定してもコンテンツが機能することを求めています。
• 単位なしの line-height 値（1.6 など）は、各要素のフォントサイズに合わせて拡大縮小されます。

すべてブラウザ内で動作します。入力した内容がアップロード・保存されることはありません。

よくある質問