HP修正にあたりCSSについて質問です！

質問

ウェブ制作会社から引き継いだHPで、いまは自力でやっているのですが、
本やサイトを見ながらいじってはいるのですが、どうしてもわからないことがでてきました。

サイト全体のフォントサイズを変更したいのです。
現在のものだとどうしてもフォントサイズが小さくて、読みづらいのでもうあと少し大きくしたいので。
いろいろ調べていたら、css のフォルダにある、base か、design をいじればフォントが一気に変わると思うのですが、ちょっと怖くてまだできてません。

baseと designシートを秀丸にコピーして、書かれてるのを見ているのですがどこをどういじったらいいのか、がいまひとつピンときません。

おそらく、フォント数を単純にあげただけだと、幅とか行間というのもくずれるかもしれないしと。

どなたか、参考になるサイトとか、本とかあったら紹介をお願いします！

回答No.1

kaisinjuku04

CSSの現物を見ないと何とも言えないですね。
単純にpxで指定している場合は、比較的楽に編集できます。

しかし、emやremだと、継承の問題が出てきます。
もしそれらが使われているようでしたら、下を参考にしてください。
http://all-web-blog.blogspot.jp/2011/05/css3-rem.html

いずれにせよ、行間はline-heightで指定します。
幅は、幅よりも文字の方が大きい場合でないと崩れはしないと思います。

実際に変更しながら、確認してみてください。

お礼

kaisinjuku04さま

貴重なアドバイスありがとうございます。
助かります。以下にあるように、フォントサイズがpx設定のようなので、こちらをいじりながら都度チェックしていこうと思います。ありがとうございます！

h3 {
background-image: url(../image/all/h3_back.png);
background-repeat: no-repeat;
margin: 10px auto 10px auto;
color: #FFF;
font-size: 15px;
height: 38px;
line-height: 38px;
padding: 0 0 0 30px;
clear: both;
background-position: center;