日本語の文章とline-heightに対する考察 - Qiita

行送り（line-height）の世界基準 アクセシビリティのスタンダードであるWCAG「達成基準 1.4.12: テキストの間隔を理解する」では、行送りの最低値を1.5と定めている行送りを1.5にした場合でもデザインが破綻しないように促している（@SaekiTominagaさんのご指摘で解釈を誤っていたことが発覚。修正いたします）。しかし世の中のホームページには、リセットCSSを変更していなかったり（あくまでブラウザ間の差異を無くすためのものであり、スタイルを後付けすることが推奨されているわけだが、そもそもどうしてアクセシビリティ基準を守らないんだろうか？1 ただ、sanitize.cssなど、line-heightがちゃんと1.5と設定されているリセットCSSもちゃんと存在する）、古いBootstrapをそのまま使っていたりして、line-heightが狭いのが割とある。そんな場合でも

[t_f_m]

"しかし、これで終わらないのが日本語のややこしいところ" / からおもむろにルビにも触れてる

[naoya2k]

僕は、line-height:1.8より大きいと日本語でも「なんだこのスカスカなページは!」となって悪印象になるので人によるとしか言い様がない。(自分のユーザースタイルシートでは1.3になっていた)

[toaruR]

パワポなー＼(^o^)／

[tofu-kun]

今まで感覚で決めてた…

[teramako]

「結論として、line-height: 2とするのがキリの良さと見やすさを両立できるのでベストだと言える。」

[yarumato]

“同じ文字サイズでもアルファベット(特に小文字)とCJK文字ではサイズ感が違ってくるので、日本語のline-heightは少なくとも 1.875 程度が必要。日本語のルビを考慮するとline-heightは 1.9375 ないといけない。結論、line-height: 2”