cssでフォントサイズを相対指定。→NNで小さすぎ

質問

webデザイナーを目指しただ今、ＨＰ制作勉強中の者です。

Win＆Mac（IE5.5、NN4.7、7.0)で確認作業しています。
IE、NNで共にフォントサイズの固定をせずに、尚且つ、IEでの表示文字サイズ「中」を基準として、程よい大きさで表示をさせたいと思い、cssで相対サイズの　font-size:x-small　を指定しました。
IEではうまい具合にいくのですが、ＮＮの方で、大きさは可変するものの、デフォルト(文字の大きさ100%)で小さすぎになってしまい、どうにかこのような状況を避け、下記のような条件でフォントサイズを制御したいのですがどんな方法がありますでしょうか？

●NN、IEともにサイズ固定させたくない
●NNデフォルトで、読みやすいくらいのフォントサイズで表示したい

ptで指定すると、IEでは固定されてしまいます。
ユーザーがNNのブラウザの設定をいじって、デフォルトサイズを変更しない限り無理なのでしょうか？
また、IEとNNで別々のcssを適用させるなどの方法が存在するのでしょうか？
NNでの表示は目をつぶりますか？
又、商業的なサイトを制作されている方は、文字サイズを固定させたくない場合にどんな指定をしますか？

回答No.1

noname#199778 · ベストアンサー

直接的な解決方法ではありませんが…

IEで表示サイズ「中」をデフォルトとみなして、文字サイズの縮小をさせる形でデザイン側の程よいサイズにしているとのことですが、できれば文字を縮小させない範囲でデザインをした方が良いと思います。
ブラウザ側での文字サイズの指定は、ユーザーが任意に自分で見やすい大きさにしていると考えるほうが無難かと思いますし、そうであるとすれば、いつもの文字サイズよりも小さい文字で表示されるのは、読む側からすればあまり好ましく思われないのではないかと思うのです。 たとえ文字の表示サイズをブラウザの設定で可変できるようにしていあるからといって、その手間を閲覧者にかけさせてしまうのはいかがなものでしょうか。
例えば、IEでも普段表示サイズを最小にしているユーザーがそのページを開けば、異様に細かすぎる文字になってしまいますし、「中」の表示サイズが丁度良いと考えてサイズを中に設定しているユーザーから見れば、サイズをx-smallに指定された文字でも、デザイン側が丁度良いと考えていたとしても、ユーザーから見れば小さくて読みにくいと感じる可能性もあります。 人によっては不快感すら覚えるかも知れません。
いつものフォントサイズより大きく表示される分には不恰好に思われる程度で済みますが、小さくなった場合読みにくくなってしまう度合いが文字が大きくなるよりも著しいと思います。 これは、状況によるかも知れませんが、見てもらうという上では非常に不利になるのではないでしょうか。

もし、どうしてもブラウザによって適用するスタイルシートを振り分けたいというのであれば、JavaScriptでブラウザやユーザーエージェントを取得して、その値によって適用するスタイルシートを切り替えるような仕組みを入れる方法などが考えられると思います。
head内にJavaScriptでスタイルシートを書き出させても良いでしょうし、DOMとDHTML的手法を利用すれば動的にスタイルシートを変更することも可能です。

素人の発想ですが、参考になれば… 失礼しました。

お礼

誤って補足のほうに御礼を書き込んでしまいました！
大変申し訳ありません。
ありがとうございました！

補足

ご回答大変ありがとうございます。
そうですよね。私も一ユーザーの視点から考えると、小さくしたフォントでCSSをかけてあるページは読みづらいと考えます。
デザイン的な見栄えと、可読性の妥協点を考慮した上で質問のような指定にしました。
lead1976さんのご意見で、少し考えさせられました。

今回は実際のＨＰの制作ではなく、作品的なものになるので、やはり「見栄え」の部分に偏ったものになりそうです。
Javascriptを使用した振り分けでやってみようと思います。
大変ありがとうございました。