CSSを使ったページ全体のテキストサイズ変更方法

2011/05/24 15:25

このQ&Aのポイント

HTMLでサイズ指定されたテキストサイズをCSSやJavaScriptで変更する方法について教えてください。
例えば、ページ全体のテキストサイズをCSSで150%大きくする方法をご教示ください。
また、要素ごとに異なるテキストサイズを設定する方法についても知りたいです。

2011ringo
お礼率100% (4/4)

CSS
回答数2
ありがとう数2

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

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

ベストアンサー

naokita
ベストアンサー率57% (1008/1745)

2011/05/24 22:46 回答No.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>

質問者

お礼 2011/05/30 19:02

そうなんです。 <font>変更できないのでコチラの方法も参考にさせていただきます。ありがとうございます！

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

pai3_14
ベストアンサー率56% (319/566)

2011/05/24 15:58 回答No.1

こういうことでしょうか？ <html> <head> <style type="text/css">  </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>

質問者