記事の文字サイズの変更

2006年08月11日 19:37

 さっき書いた記事にバイク好きな車屋日記!の高の!っちからコメント
こんちは~~

記事に関係ないコメントになっちゃうんですが

はまぞーのテンプレートって記事の本文の文字サイズが小さいですよね!

深さんとこはフォントを変えているようで大変読みやすいです!

ボクも本文の文字サイズを少しだけ大きくしたいのですが

HTMLのどの部分を変えればいいのか!?

または他の方法があるのか教えていただけませんか!?
コメント欄で返信する方が良いのだろうけど、長くなりそうなのでそれをネタに記事に。(ネタ切れ気味なこのブログには、ありがたいコメントだったりして(^^ゞ )
 記事の本文の文字のサイズだけちょっと大きくしたいのだったら
デザイン>オリジナルデザインの登録のスタイルシート。
 これのだいたい真ん中あたり
.mainってところを探して、そのあとの括弧内の
font-size:○○px
の部分を変更。
このくらいがデフォルト?
○○を14にするとこんな感じ
○○を20にするとこんな
 ただこの場合、文字のサイズが決めうちなので、ブラウザの表示>文字のサイズを変更しても変わらなかったりします。
 最近だと高解像度の液晶ディスプレイを使っている人が多かったりするのでそのままだと文字が小さいってんでブラウザの文字のサイズを「大」にしていたり、ご高齢の人も字がちっちゃいから「大」とか「最大」にしていることもあるので、できれば文字サイズ決めうちはでなくて(絶対指定)でなくて、ブラウザの文字のサイズに合わせて、大きくなったり小さくなる相対指定の方がオススメ。
○○pxを90%にするとこんな感じ
○○pxを100%にするとこんな感じ
○○pxを150%にするとこんな感じ
 このブログの場合は100%にしてあります。

 それから行間も。
 さっきと同じところにline-height:○○%と言う部分があるのですが、そこを変更すると文字の行間が変わります。
寿限無、寿限無 五劫の擦り切れ 海砂利水魚の 水行末 雲来末 風来末 食う寝る処に住む処 やぶら小路の藪柑子 パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの 長久命の長助

このくらいがデフォルト?
寿限無、寿限無 五劫の擦り切れ 海砂利水魚の 水行末 雲来末 風来末 食う寝る処に住む処 やぶら小路の藪柑子 パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの 長久命の長助

このブログでは150%
寿限無、寿限無 五劫の擦り切れ 海砂利水魚の 水行末 雲来末 風来末 食う寝る処に住む処 やぶら小路の藪柑子 パイポパイポ パイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの 長久命の長助

200%にするとこんな感じ
 こんな感じで適当に文字サイズと、行間を調整してくださいませ。

 それからパソコンで読みやすそうな記事という面では、改行の入れ方とかもあると思うのですが、それはまた気が向いた(ネタがない?)ときにでも。
関連記事