- ベストアンサー
CSSを使ったページ全体のテキストサイズ変更方法
- HTMLでサイズ指定されたテキストサイズをCSSやJavaScriptで変更する方法について教えてください。
- 例えば、ページ全体のテキストサイズをCSSで150%大きくする方法をご教示ください。
- また、要素ごとに異なるテキストサイズを設定する方法についても知りたいです。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
今時、で指定なんかしませんけどね・・・ CSSと<font>タグの混合は可笑しいので、全てCSSで指定しましょう。 ---------------- CSSで、 body{ font-size:150%;} として、 HTML側を <font size="2">こんにちは</font> では無く、 <span style="font-size: 81.2%;">こんにちは</span> <span style="font-size: 62.5%;">こんにちは</span> のようにしたり、 body{ font-size:150%;} .font2{ font-size: 81.2%;} .font1{ font-size: 62.5%;} <span class="font2">こんにちは</span> <span class="font1">こんにちは</span> のようにします。 ---------------- もし仮に、HTMLの<font size=" ">が変更出来ないとしたら、 IE6には対応できませんが、 body{font-size:150%;} font[size="2"]{ font-size:19px;} font[size="1"]{ font-size:15px;} ---------------- いつもCSSを使うので、 <font size=" ">のデフォルトの大きさが良く知らないけど、 以下のような感じかな？ 元の例と以下を比較してみて下さい・・・ <html> <head> <style type="text/css"> body{ font-size:150%;} font[size="2"]{ font-size:19px;} font[size="1"]{ font-size:15px;} .font2{ font-size: 81.2%;} .font1{ font-size: 62.5%;} </style> </head> <body> <div> <h1>こんにちは</h1> <p><font size="2">こんにちは</font> <font size="1">こんにちは</font></p> <p><span class="font2">こんにちは</span> <span class="font1">こんにちは</span></p> </div> </body> </html>
その他の回答 (1)
- pai3_14
- ベストアンサー率56% (319/566)
こういうことでしょうか？ <html> <head> <style type="text/css"> <!-- .zoom1 { zoom : 200% } --> </style> </head> <body> <!-- 元の大きさ --> <h1>こんにちは</h1> <font size="-2">こんにちは</font> <font size="-1">こんにちは</font> こんにちははじめまして <!-- ここから拡大 --> <DIV class="zoom1"> <h1>こんにちは</h1> <font size="-2">こんにちは</font> <font size="-1">こんにちは</font> こんにちははじめまして </DIV> </body> </html>
お礼
zoomを使う手がありましたね。 参考にさせていただきます！ ありがとうございます。
お礼
そうなんです。 <font>変更できないのでコチラの方法も 参考にさせていただきます。 ありがとうございます！