文字の設定(3) 行間

[修正あり（2007/2/22）]

文字の読みやすさに関わる設定の一つに、行間も忘れちゃいけません。

モニタ上でも、印刷物でも、行間が狭すぎると読みにくいものです。
行を一つの塊として認識しにくいからじゃないかなと思っていますが、もっと確かな根拠を知っている方がいらっしゃったら、教えてください。

さて、それではスタイルシートの設定をしましょう。

　　マイ・ブログ > デザイン

と進むと、「おすすめデザイン」の下に、自分が使用または登録しているデザインのリストがあります。
現在使用しているデザインのタイトルをクリックして、スタイルシートを開きます。
※2007年2月6日のリニューアルでスタイルシートの場所が変更になりました。

文字の設定(1) 本文のサイズ で見たときと同じように、「.text」という項目を探します。
ここが本文の文字についての設定です。

.text {
margin: 0;
padding: 0 5px;
line-height: 1.8em;
}

このブログでは、上のような設定になっています。
line-heighというのが、文字通り、行の高さ。単位はem。

私の経験上、（文字の大きさにもよりますが）1.6em以上あったほうが読みやすいように感じます。
1.6emから2.0emくらいまでが適切なんじゃないでしょうか。

ここの数値を変えてみると、読みやすさが変わってくるのがわかると思います。

↓参考になったら、クリックで応援してね！↓

Comments

どうもはじめましてリュウと申します。
今、色々とカスタマイズしようと
いろんなブログ見てます♪

行間あけるのっていいですね！
早速変更してみました。

ありがとうございました♪

Posted by リュウ・ゲイツ at 2006年10月28日 09:32

たびたびすみません。。。
記事の中で、こちらのブログの紹介を
させて頂きましたので、
コメントを残します。

もし不愉快であればいつでも言って下さい。
リンクははずします。

このコメントを書いている現在は、
まだ記事は更新してませんのであしからず。

Posted by リュウ・ゲイツ at 2006年10月28日 09:45

◆リュウ・ゲイツさん
初めまして。コメントを残してくださってありがとうございます。
お役に立てて、嬉しいです。
記事で紹介してくださるとのこと、楽しみにしています。

Posted by もも＠管理人 at 2006年10月28日 21:37

こんにち〜リュウです。

わざわざご訪問頂きまして
ありがとうございます。

記事もUPでき、皆さんにも
役立てたと思ってます。

ももsanに感謝です。

これからも宜しくです！

Posted by リュウ・ゲイツ at 2006年10月30日 13:08

記事でブログに触れているというよりは、記事の内容の引用ですよね。
出典のある引用であることがわかるように書いてください。

リュウさんの記事と同じことを詳しく書いているブログをたまたま見つけたから参考までに載せておくよ、というニュアンスに見えましたので。

これから引用されるときには、そういうことでお願いします。

Posted by もも＠管理人 at 2006年10月30日 20:34

こんにちわ。
文章がへたくそですみません。。。
以後気をつけます。。。

Posted by リュウ・ゲイツ at 2006年10月31日 16:14