CSSで文字の大きさを固定したい

質問

IEで文字の大きさを最大にしようが、Firefoxで特大サイズにしようが、文字の大きさをCSSで一定に保ちたいのですが可能ですか？
分かる方いましたら宜しくお願い致します。

回答No.5

noname#66720

極端な話ですが、ディスプレイを見るときに遠くから見るか近くから見るかだけを取っても文字の大きさは変わってしまいます。

おそらく一定に保ちたい理由はレイアウトの崩れ等から来ているのだと思いますが、そちらの対策をされたほうが良いと思いますよ。

回答No.4

notnot

他の方が書いていますが、出来ません。ブラウザはユーザーの味方ですから、ユーザーに優しくない物は使ってもらえません。

ズームで拡大されてもかまわないと言うことなら、画像を使うのが楽でしょう。

回答No.3

神崎 渉瑠（@taloo）

http://okwave.jp/qa3876127.html
できなくはないけど、お勧めはしません。

Fx、Opera、Safariはフォントの最小サイズを指定できますので、
それよりも小さなサイズを指定しても、ブラウザで設定したフォントサイズが適用されます。
（デフォルトは14pxか16pxだと思います。
一部のブラウザはemや%指定で、最小サイズよりも小さな文字で表示させることが出来ますが、たぶん、ブラウザのバグだと思うので、バージョンアップで修正されるでしょう。）

IE7はツールメニュー -> インターネットオプションの「全般タブ」から「ユーザー補助」をクリックし、
「Webページで指定されたフォントサイズを使用しない」にチェックを入れると、スタイルシートのfont-sizeを無視し、px指定によるサイズ固定も出来ません。
（OKWaveの「運営スタッフに連絡する」のボタンがpxによる指定だと思いますが、
２行に書き出されてスクロールバーがつきますので、もしIE7をつかってらしたら試してみてください）

どうしてもというなら、画像にしたりFlashを使う方法がありますが、
アクセシビリティー、ユーザービリティー、SEOの全てに置いて最悪になる可能性が高いです。

回答No.2

abril

> IEで文字の大きさを最大にしようが、Firefoxで特大サイズにしようが、文字の大きさをCSSで一定に保ちたいのですが可能ですか？

Firefoxに関しては、できません。ANo.1様の仰るズームの機能はFirefoxではver.3から搭載されていますが、ver.2までは文字サイズ変更のみですので、後者の環境で文字サイズを変更すれば（もしくは前者でも「ズーム」ではなく「文字サイズ」の方を変更すれば）、CSSでどの様に指定（font-sizeプロパティにどの単位を使っても）しても必ず可変となります。
文字サイズの完全な固定ができる（ブラウザ側での文字サイズ変更を無視する）のは、メジャーな環境ではIE6/7 on Windowsで、pxやpt単位で指定した時だけです。Firefox、Safari等の他の主要モダン・ブラウザでは無効です。
文字サイズは本来、ユーザ側が自由に変更して良いもの／任意に変更される可能性のあるものなのだという事を常に頭において、文字サイズをある程度（まあ常識的な範囲で…）変更されても支障のないレイアウトを心がける事をお奨めします。
私なども（年齢と共に視力も低下しておりますので）がんがん文字サイズは変更して閲覧しております。その際、制作者がまるで意図していなかったであろうレイアウト崩れを起こしてしまうサイトも未だ見受けられますね、残念ながら…

回答No.1

Yohjira

最近のブラウザは、「文字サイズの変更」ではなく、
「ズームの拡大・縮小」ができるようになっています。
（わかりづらい表現かもしれませんね、すみません）
IE7など、表示(V)⇒文字のサイズ(X) で変更できるのが文字サイズ、
Ctrlキーを押しながらマウスホイール操作でズーム変更、です。
（旧IEは、マウスホイール操作で文字サイズが変わってたような）

CSSで文字サイズを固定しても、
ズームの拡大等では文字サイズは変わってしまうと思います。
そういった勘違いは無いでしょうか。

補足

ズーム機能は構わないです。
ズームなしに全体の文字サイズだけ固定してみたいのですが…。