サイトの文字サイズの変更ができるボタンを作りたい

質問

ＨＰ制作初心者です。
ビルダー１０で製作途中ですが、閲覧する人に配慮して、文字サイズを変更できるようにしたサイトを作りたいのです。
これは、ＩＥツールバーの表示ー文字サイズや、Ctrl押しながらマウスのスクロールボタンで文字サイズを変えられることを知らない人を前提としており、視力の悪い方や高齢の方でも見やすくできるサイト作りを心がけている為です。
そこで、画面上でボタンをクリックして文字サイズを変更する方法をご教授ください。具体的には、下記のようなサイトにあるボタンを作りたいのです。
http://o-genki.net/
作り方を説明しているサイトや書籍、手順方法等を教えてください。よろしくお願い致します。

回答No.1

BLUEPIXY · ベストアンサー

単純には、こんな感じでいいと思います。
それぞれの部分で、文字サイズを指定していなければ、回答のようなやり方で文字サイズを変更できます。
普通サイズがsmallになっているのは、古い仕様に合わせたからです。
mediumの方がいいのかもしれません
質問文の参考ＵＲＬでは、ＰＨＰで動的にページ全体の構成を変えるようです。
----------------------------------------------------------------
<button type="button" onclick="document.body.style.fontSize='xx-large'">文字サイズ特大</button>
<button type="button" onclick="document.body.style.fontSize='x-large'">文字サイズ大</button>
<button type="button" onclick="document.body.style.fontSize='larger'">文字サイズちょっと大きくする</button>
<button type="button" onclick="document.body.style.fontSize='small'">文字サイズ普通</button>
<button type="button" onclick="document.body.style.fontSize='smaller'">文字サイズちょっと小さくする</button>

お礼

ご回答ありがとうございます。
早速試してみます。

回答No.2

natatin

Java Scriptですと！ソースを見ればわかるかと！

http://www2.ocn.ne.jp/~sugachuu/JavaScript/2003/fontsize.html

http://www2.ocn.ne.jp/~sugachuu/JavaScript/index3.html

お礼

ありがとうございました。
参考になるリンク先もあって大変勉強になりました。