どんなページでもテキストサイズを全体的に大きくするCSS、Javascriptの書き方は?


ブラウザの機能でフォントサイズを全体的に大きくしたり、小さくしたりするようなJavascriptやCSSはどう書けばいいのでしょうか?

Javascriptでページ全体を評価してフォントサイズを振りなおすのも考えましたが、既にcssがかかっていることも解釈することがとても大変そうです。

イメージとしては全体のフォントサイズを1,2倍にするとか、そういうことがしたいです。
画像やテーブルなどの幅はそのままでフォントサイズだけが大きくなるようにしたいと思っています。

body{font-size:1.2em}
で比較的近い感じにはなるのですが、ヤフーのトップページで見ても、
もともと全体のフォントサイズが0.7emくらいになっているようで、1emでもだいぶ大きくなってしまいます。

Javascriptで何かを取得して、それを元に何かするのかなと思いますが、いかがでしょうか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2011/07/28 20:10:08
  • 終了:2011/08/04 20:15:04

回答(2件)

id:Cherenkov No.1

Cherenkov回答回数1502ベストアンサー獲得回数4922011/07/28 20:48:17

ポイント50pt

!importantを忘れずに。

ユーザースクリプトでやるよりはStylishでやったほうが早く適用されます。

body{font-size:300% !important;}

参考:フォントのコントロール/HTML基礎講座



getComputedStyleを使えば要素のスタイルを取得できます。

getComputedStyle について調べてたら深みにハマったのでメモ - IT戦記

getComputedStyle(document.body, '').fontSize


※ブラウザのズーム機能は使わない方法を探してるのですよね?

id:iiiiiiiii

ありがとうございます。

StylishというのはFirefoxのアドオンのことでしょうか?

教えていただいた方法がすごく良いヒントな気がします

2011/07/28 22:25:55
id:seooon No.2

らぐ回答回数6ベストアンサー獲得回数02011/08/04 18:38:52

ポイント50pt

!importantを忘れずに。

ユーザースクリプトでやるよりはStylishでやったほうが早く適用されます。

body{font-size:300% !important;}

参考:フォントのコントロール/HTML基礎講座

  • id:Cherenkov
    StylishはFirefox, Chromeのアドオンです。
    どんな目的で、「テキストサイズを全体的に大きく」したいのでしょうか?

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません