YUI fonts cssについて

質問

YUI fonts cssを使い、ホームページを制作しようと考えています。

そこで質問なのですが、YUI fonts cssを使用し作ったサイトというのは
プラウザで文字のサイズを変更できるのでしょうか？
（例えばIEでしたら文字のサイズを変更から「最大」にすれば文字が大きくなると考えて良いのでしょか？）

いくつかの解説サイトを拝見して、文字のサイズはユーザーが自由に変えれるのだろうと思ったのですが
試しに数ページ作ってサーバーアップした所、いくら文字サイズを変更しても文字が大きくなりません。
YUI fonts cssというのは、相対指定ではなく絶対指定に近い物なのでしょうか・・・？

ユーザーに高齢の方も多いサイトですので、文字サイズを変えれない仕様にするわけにはいかず
このままYUI fonts cssを使用するか、諦めてemで指定しなおすか悩んでいます。
詳しい方がいらっしゃいましたら、どうぞよろしくお願いします。

※以下のコードをbace.cssに書き、読み込ませています。

@charset "utf-8";

body {
font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}
table {
font-size:inherit;
font:100%;
}

回答No.3

metametamu · ベストアンサー

すみませんでした。
YUI fontsはIE8の標準準拠に対応していないようですね。

body {
font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
font-size:medium !important;
font-size:small;
}

お礼

プラウザのバージョンの問題なんですね。
たしかにIE8で確認作業を行っていました。

書いていただいたコードを追記することでなんとか解決することができました。
なぜ解決できたのか理解出来ないのが情けないですが
取り敢えずその状態で進めて、改めて勉強したいと思います。

回答ありがとうございました。

回答No.2

tenderfeel

YUI Fonts CSSはbodyで絶対指定したサイズ（13px）を基準に他要素で決められた％指定することで
どのブラウザでもだいたい同じ文字サイズで見れるようにするというもので
ブラウザの文字拡大機能ではサイズ変更が出来なくなるため、
フォントサイズ変更をしたい場合はJavaScriptを使うことになります。
その場合はbodyで指定しているサイズだけ変更すればOKです。
ブラウザのフォントサイズ変更を殺したくないなら、各要素の%指定は残したままbodyの絶対指定を消しましょう。

参考URL：

http://blog.d-spica.com/entry/070310fontsize.html

お礼

恥ずかしながらJavaScriptは私の勉強不足であまり使いたくないので
別の方法を取ろうと思います。

丁寧な解説、回答をありがとうございました。

回答No.1

metametamu

IEの互換モード時に使うのは

*font:x-small;

の部分なので、相対指定になっています。
相対指定であれば質問者さんの想定されている方法で文字のサイズが可能です。

body以外の要素への指定は相対指定になっていますか？