もっと行間を狭くする(行間margin+行高line-heightを指定する)
はてなブログの行間が広すぎる問題。
よく出てくる<p>タグのCSSにmarginを指定して行間を狭くしたものの、まだ広い。
さらに調べて行高のline-heightを指定したら思うようになりました。
イメージとしては、、、
行間は、行と行の間
行高は、文字が入っている行そのものの高さ
行間をなくしても行(行高)そのものがフォントに対して高ければ隙間が目立つということのよう。
ダッシュボード > デザイン > カスタマイズ(レンチマークアイコン) > デザインCSS
/* Myカスタマイズ */
.entry-content p { line-height: 1.8em; margin:0; font-size: 0.9em}
とても参考になった記事
- marginとline-heightによる"真の余白"について考える | SimpleIsm
- 【CSS】line-heightで行間を調整する方法:おすすめの値は?
- CSS3のremとemの違いについて - Qiita