MTカスタマイズ法収集ブログ

デザインを優先するサイトなど、すごく文字が小さい所がありますが
よほど興味がある人で無い限り
読みにくい→読まない→立ち去る
という事になってしまうと思います。

サイトを作るときはつい自分を基準に考えてしまいますが、
サイトを訪れる人は子供から老眼が入っている中高年の方まで。
視力の悪い方もいます。ＰＣの環境もさまざまです。

どのような人が見ても、パッと分かるのが「良いサイト」だと私は考えます。
パッと見てどこをクリックすれば目的の場所に行けるか分からないとか、
言語道断ですよね。

以上の理由などから、私はx-smallは許せませんo(｀ω´*)o

という事で変えちゃいますよ！

文字の大きさの変更はスタイルシートで行います。
いっぱい英数字が並んでいますが、ひとつずつ見ていくと

font-size: small;

という風な記述があります。
これが、文字を指定している所ですね。

項目ごとに大きさを変えられるので、好きなところを好きな大きさにしてください。

参考までに、文字の大きさは
xx-small　x-small　small　medium　large　x-large　xx-large

12px 12em 12ex 80%　などでも指定できます。

好みの大きさになるまでトライ＆エラーでがんばってください。

＊ひとつ豆知識

12pxなどで指定すると、Internet Explorerでは
ブラウザの文字の大きさの変更で好きな大きさにできなくなってしまいます。

それを回避しようと、smallなどで指定すると
Internet ExplorerとMozilla Firefoxなど、ブラウザごとに文字の大きさが
変わってしまい、思うようなデザインにならず頭を抱えた人も多いのではないでしょうか。

色々試した結果、80%や90%など、「%」で文字の大きさを指定すると
Internet ExplorerでもMozilla Firefoxでも同じ文字の大きさにすることができました。

ブラウザごとに文字の大きさが変わるのに悩んでいた方は
%で指定してみてはいかがでしょう。

*6月18日追記
文字サイズを変更する方法を更に詳しく書いている方から
トラックバックをいただきました。
もっと詳細が知りたい方は
ブログ別！作成・カスタマイズ講座さんのエントリー
文字サイズの変更を見てください('∇')

このカスタマイズはスタイルシートを使っているサイトならどこでも使えます。