今回はみなさんに質問があります。正解、不正解という問題でもないのでみなさんの意見をトラックバックかコメントしていただくと嬉しいです。
みなさんはフォントサイズはどう設定していますか？
このサイトはCSSファイルをご覧になると分かりますが、フォントサイズの単位は「px（ピクセル）」になっています。僕が作るサイトはだいたいピクセルに設定してあるケースが多いです。理由としてはIE以外はリサイズも出来るし、それほど小さいフォントを自分自身が設定しないということもあるからです（11px以下はちょっと読み難いかなという感じもするので）。
「px」の次に使う単位は「em」で最近これは使い始めています。とはいうものの
.entry{
font-size: 1em;
}
としてもブラウザによってかなり誤差が生まれてしまいます。「em」は相対単位というだけあって『基準になるものに対しての単位』になります。つまり「.entry」の親エレメントに単位を設定してあげないと基準になる単位がないのでブラウザによってかなり誤差が生まれてくるというわけです。だから例えばですがbodyダグに基準となるフォントサイズを設定しておくと良いかもしれません。
あなたはどうやってフォントサイズを設定していますか？
読者にじっくり読んで欲しい本文部分などは、フォントサイズを特に指定せず、ブラウザデフォルトのフォントサイズで表示されるように仕向けたほうが良いと考えます。
本文フォントサイズを px 値で固定するのは、アクセシビリティ的に問題を抱える可能性が高いです。
もうこのへんの話はいまさら系で、長々と書くのはメンドクサイので以下参照 (ぉ
http://www.remus.dti.ne.jp/~a-satomi/nikki/2003/11a.html#d09n02s01
em 単位による相対値は、マトモなブラウザ同士であれば % 指定のときと変わらないハズなのですが、一部の腐ったブラウザ (WinIE 等) ですさまじい事が起きたりしますので、一応注意してください。
閲覧者の環境を考えて、絶対指定ではなく % などの相対指定をしています。極端に狭い画面(解像度)や、極端に大きな画面(解像度)の画面で閲覧された場合、px,pt で指定するより、相対指定を行い、閲覧者の「文字の大きさを変えることができる自由」を確保するべきだと考えるからです。例えば、極端に狭い画面で閲覧される際、閲覧者の主観で大きい文字だなと感じて小さくしたり、極端に広い画面で閲覧される際、閲覧者の主観で、小さい文字にしたり…、ということがよくあることだと思うのです。そこで、小さな文字(あるいは大きな文字)で、固定していてはあまりいい気持ちはしないでしょう。そして、そういう体験をされたこともあると思います。とかく、開発環境は、自分の見える画面が中心になってしまいがちですが、他の環境で見てみることがとても大切でしょうね。
参考 : http://hello.oceannet.jp/modules/newbb/viewtopic.php?topic_id=42&forum=12
私も相対指定派です。
以下のように96dpiの場合の無指定のフォントの大きさ（16px）を100%として、それぞれのサイズを%で割り出して指定しています。
.exhuge {font-size:150%;line-height: 140%;} /*24px*/
.exlarge{font-size:131.25%;line-height: 140%;} /*21px*/
.huge {font-size:112.5%;line-height: 140%;} /*18px*/
.large {font-size:100%;line-height: 140%;} /*16px = 12pt*/
.mid {font-size:81.25%;line-height: 140%;} /*13px*/
.sml {font-size:62.5%;line-height: 140%;} /*10px*/
.x-sml {font-size:56.25%;line-height: 140%;} /*9px*/
>理由としてはIE以外はリサイズも出来るし、
IE以外でリサイズできるということを選択事由にする意味がちょっとわからないですね……。
IEでリサイズできない(*)ものは、事実上リサイズできないということと同じではないでしょうか。あるいは同じと見なしたほうが良いのではないでしょうか。
*ユーザー補助でCSSを切ればリサイズできますが、それはちょっと違うので置いときます。
しかしピクセル指定は、解像度に対して相対的な長さですから、Mozillaのように大きさが安易に変えられてしまうのも何だか微妙な気がしています。Opera的な実装の、全体を拡大/縮小して表示というのであれば、体感的にも違和感がないのですが。
こんばんわ、みなんさん
font問題、とっても興味あったので勉強になります。自分の今のサイトは絶対指定にしてあります。理由はレイアウト崩れをおこさないように、、、です。でも、ほんとは表示させたい個所によって相対と絶対を使い分けるのがいいのかなと最近考えています。ブラウザは世間でIEが大半を占めているので、そこでの表示を基本に他のブラウザでもしっかりチェックして、フォントのサイズを変えてもある程度見えるように作っていく必要がありますね。
皆さん初めまして、GREEDと申します。
私はフォントは絶対派だったのですが、今は相対に変えつつあります。一番の理由は変更しやすい、手間が省けることです。最初にヤスヒサさんが書かれているようにBody部分に12pxなどを指定して、見出しはそれの1.25倍、タイトルは1.5倍なんて感じで作り変えています。これにより簡単に全体のフォントサイズが楽に変更しやすくなったと思います。
.....が、それは制作側の意見として、本当にユーザビリティーを考えた時にパソコン自体を苦手とする人達が、メニューバーからフォントサイズを変更できるでしょうか？そういったことを考えたら、px指定でスタイルシートを切り替えてフォントサイズを変更できるようにわかりやすいボタンなどを配置しておくのもいいかもしれないと思っています。
※もちろん初心者を対象に考えていますのでCSSやJavaScriptの無効化は考えに入れていません。
Good Point. Anyways, this was where i met her. You can join for free as well www.redtricircle.com
