IEブラウザの文字のサイズを操作できないか

2008/03/19 13:43

このQ&Aのポイント

IEブラウザの文字のサイズをJavaScriptなどで操作できないでしょうか？
IEブラウザの文字のサイズを制作者が操作できる方法はあるのか
JavaScriptやCSSでIEブラウザの文字のサイズを変更することは可能か

uni0214
お礼率78% (11/14)

JavaScript
回答数4
ありがとう数8

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2008/03/20 04:07 回答No.4

<span id="test" style="border:0;padding:0;margin:0;font-size:medium;visibility:hidden;position:absolute;left:-10000px;">M</span> document.getElementById('test').offsetHeight（またはclientHeight）これが何ピクセル有るかで、ブラウザの設定をふまえた表示サイズを、ピクセル単位で調べることも出来ます。その上で、自分が意図するピクセルよりも大きいとか小さい場合にfontSizeの比率を変えれば、擬似的にブラウザの設定を乗っ取ることが出来ます。ページ表示後にブラウザの設定を変更することが多いと思うので、window.onloadのタイミングだけでなく、タイマーで常時監視することになると思います。 IEやOperaのズーム状況までは取れないようですが、画像なども一緒に拡大されるので、レイアウト上は問題ないと思います。ただしお勧めしません。 > ユーザビリティ云々はちょっと置いといて。言うまでもなくわかってらっしゃると思いますが、ウインドウサイズ1028 x 768で見ていたとしても、15'モニターと17'モニターでは表示サイズは異なります。たとえば72ピクセルの文字（画像）は、72dpiのモニターでは2.54センチですが、96dpiでは1.90センチで（理論上は）表示されます。実際にモニターに定規を当てて測ってみると、結構ずれてますけどね。(^^; フォントサイズを制作者が強制すると言うことは、閲覧者の視力や、モニター解像度に応じた、「ユーザーが見やすい環境」を作らないと言うことになります。 font-size（widthなどでも同様ですが）を相対値（%、em、smallerなど）で指定するときは、その親要素、または、html,bodyに html,body{font-size:14px} など、1emや100%の基準となるサイズをpxやpt、mediumなどの絶対値で指定しておくことをお勧めします。ご参考まで。

質問者

お礼 2008/03/21 10:45

talooさん回答ありがとうございます。大変参考になりました。擬似的にではありますが、文字サイズを操作出来るのですね。お勧めしない理由も分かりやすくて助かりました。ありがとうございました。

その他の回答 (3)

steel_gray
ベストアンサー率66% (1052/1578)

2008/03/19 17:32 回答No.3

IEのメニュー操作はJavascriptからは無理です。設定の参照すらできないです。 IEも7ではページのズーム機能が加わりました。（この機能は初期設定から使えるけど、文字サイズ変更は初期設定では画面上にありません）また他のブラウザは以前からズーム機能があったり、文字サイズを％で細かく変更できたりしますからIEの5段階の文字サイズってのは気にしてもしょうがない、というかよく言われる事だけど指定は基本的にしない、部分的に大小を付けるなら％で指定にするってのが一番しっくり来ると思ってます。＞【最大】にした時のサイズでそれは大きすぎるだろう IEの文字サイズ変更機能とCSSのfont-sizeは相性が悪い（というかIEのバグや変な仕様のおかげで）指定によっては文字サイズの変更に対して加速度的に大きく(小さく)なったり、サイズが逆転するなんて事もあります。製作者が知らずにそういうページを作っていたのかも。例)-IEで文字サイズを変えてみて。 <p>もじの<span style="font-size:smaller;">大きさ</span>ってさ</p> <p style="font-size:1em;">もじの<span style="font-size:smaller;">大きさ</span>ってさ</p> さらに余談ですが http://bizmakoto.jp/makoto/articles/0709/13/news036.html ↑あるサイトが行った調査に関する話題調査方法に問題あったんじゃないかとも思いますが、意外と大きな字を求めているのかも。

質問者

お礼 2008/03/19 18:29

steel_grayさん回答ありがとうございます。大変参考になるご意見ありがとうございます。ブラウザ自体を操作するのは無理なんですね。残念です・・・・。余談の情報が面白い内容でした。どんな調査を行ったのか、具体的な調査方法を知りたいですが、大変興味深い内容です。ありがとうございました。

noname#84373

2008/03/19 15:38 回答No.2

<html> <div style="float:right;color:#888;font-size:90%;"> 文字のサイズ [<a href="#" onClick="bdyfnt(1.1)" style="font-size:110%"">大</a>] / [<a href="#" onClick="bdyfnt(0.9)" style="font-size:90%">小</a>] </div> 個人的な感想として <hr> ５段階よりも１０％増減とかどうでしょう？<br> <span style="font:bold 120%;color:#585">相対的</span>に変化させられるなら OKかな？とも思います<br> 際限なく小さくしてみて遊ぶなよっ！と。<br> でかくしても上に同じ。^^;<br> <script> document.body.style.fontSize='100%'; function bdyfnt(n){ var s=document.body.style.fontSize.replace(/%/,''); document.body.style.fontSize =Math.floor(s*n)+'%'; } </script> </body> </html>

質問者

お礼 2008/03/19 17:05

_pipi_さん回答ありがとうございます。上記は【大】【中】【小】ボタンをHTML上に配置して、JSで文字サイズを一定のルールーで変更すると言うものですよね。今回の件はIEのツールバーメニュー内にある【文字のサイズ】の変更を制作者側の任意の値で変更出来ないかと言う内容ですので・・・せっかくのご回答に対して申し訳ありませんが、質問の内容の答えではないかなぁと。。。