- ホームページ制作履歴
- > 覚書
- > フォントサイズ統一
ブラウザ毎に異なるデフォルトのフォントサイズを統一する方法です。
CSSソース
body{font-size:13px; *font-size:small; *font:x-small; text-align:left; color:#000000;}
テーブル内も統一する場合は以下も記述
table{font-size:inherit;font:100%;}
フォントサイズ統一でよく言われてそうなこと
【やる意味って？】
ブラウザごとにデフォルトのフォントサイズが異なるため、これらを統一することでデザイン性などを保つ。
【12pxとか12ptとかだけじゃ駄目なの？】
12pxとかの絶対指定だけだとIEなどのブラウザでは観てる人がブラウザでサイズの変更をしようとしても変更がきかないのでとても不親切です。
【でも大きくされたら結局デザイン崩れるじゃん？】
だから長めの文章とかでデザインを意識した改行はなるべく控えるべきかと。そんなケースでサイズ変更後に変なところで改行になることが多々あります。
とはいえ、サイズ変更者が少数派と見て、多数派であるデフォルト状態での閲覧者の視認性が落ちるという判断であるのならば適時改行していくという判断も当然ありでしょう。少なくとも漠然としたデザインのこだわりよりも観る上でユーザーにとって良い設定を意識したソース作りの方が気に入られる可能性は高いですよね。
このページに関連すると思われるキーワード
CSS,font,size,フォントサイズ,統一,ブラウザ,同じにする
参考サイト：colori他