- ベストアンサー
HTML画面上で文字の大きさを変える方法
こんにちは。社内閲覧用のHTMLファイルを作成しているのですが、 年齢層が高いせいか、文字を大きくしてほしいという人と、大きすぎて読みづらいという人が両方いて、困っています。ブラウザの表示→文字の大きさで変えることができるようにフォントをスタイルシートで指定しないようにしているのですが、文字の大きさを変える方法を知らない人も多いという状況で・・・。それで、よく親切なサイトでは、文字を大きくする、標準にする、小さくする、と簡単に文字の大きさを変えられるように工夫していることがありますよね。ソースを見ると、JavaScriptのようなのですが、別のファイルにスクリプトコードが書いてあるようで、どんなコードなのかわかりません。 これをマネしたいのですが、どのようなスクリプトコードなのか、または説明サイト等をご存知の方がいらしたら、教えていただきたいのですが。よろしくお願い致します！
- mei0311
- お礼率87% (138/157)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
fontはfontSizeにした方がよいでしょう。 （CSSでいうfont-sizeですね） スクリプトにはvoidをつけて戻り値を抑えたほうがよいかもしれません。 <body> <a href="Javascript:void(document.body.style.fontSize='200%')">大</a> <a href="Javascript:void(document.body.style.fontSize='150%')">中</a> <a href="Javascript:void(document.body.style.fontSize='100%')">小</a> ああああ </body>
その他の回答 (1)
- shirayukix
- ベストアンサー率43% (90/207)
これでどうでしょう？ 文字サイズ <a href="javascript:document.body.style.font='200%'">大</a> <a href="javascript:document.body.style.font='150%'">中</a> <a href="javascript:document.body.style.font='100%'">小</a> 対象のブラウザがいろいろある場合は、条件分岐をして各ブラウザ用の処理を書く必要があるでしょう。
お礼
試してみました。文字が変わりました！ こんなに簡単に文字の大きさが変わるなんてびっくりです。 ブラウザはIEしか使わないので、これでいける気が・・・。 ありがとうございました。
お礼
ありがとうございます。 変える文字の元のサイズは "style=font-size:" や、<font size="">で指定してしまうと変化しないですよね？ 早速試してみます！！ またよろしくお願いします。