もくさんの瞑想部屋

記事の行間・文字間隔に関して調べてみました。

前々から読みやすく見える方法が
無いか模索してたんですが、この方法が良さそうです。
（文章の内容ではなしに見た目の問題です。。。）


<div style="font-size:15px;line-height:17px;">
ここに記事を書く
</div>

・font-size
　文字のサイズ
　この指定に関しては、管理画面の日記を書くときの
　「FONT」ボタンで指定できるので皆さんもご存知と
　思います。

・line-height
　行間の指定
　「line-height:1.2」などのように行数で指定する
　こともできます。

　文字を含めた高さであることに注意！
　指定した値が文字のサイズより小さいと下の行が
　上の行にめり込みます。


あと、上記例では使用していませんが、、、

・letter-spacing
　文字間隔の指定
　文字と文字の間のサイズの指定です。
　あんまり空けると間の抜けた感じになります。。。

　こちらは、文字自体を含まない純粋に隙間の大きさを
　示す値を指定します。

最低で1pxの指定になるようで、ちょっと間抜けな
感じになるので私は採用を見送りました。
しかも、この指定を入れると改行がおかしくなるんです(T_T)


もちろんマメに、キーワードを目立つようにする
などの方法が一番ですが、いちいちFONT指定したり
するのって面倒な時もありますよね？

今回ご紹介したdivタグの指定で
記事の前後をくくっておけば、
それなりに見易くなるのではと思います。