ページ全体の書体の変更 （文字サイズも）

質問

ホームページを作っているのですが、なにかＨＴＭＬ（htmlじゃなくても良いのですが・・・）でボタンを設置して、そのボタンを押すだけでページ全体の書体が変更できるようなものを作ろうとしているのですが、私の知識では全くできません。（何かボタンを押す→ページ全体をゴシック、明朝などに変更。）どなたかわかる方がいらっしゃれば教えていただけないでしょうか。お願いします。本当に困っています。m(_ _)m
また、同じようにわかればでいいのですがページ全体の文字のサイズもボタンを押しただけで変更できるのがわかれば教えていただきたいです。　どちらかわかればお願いします。　これもかなり困っています

回答No.1

ryota2 · ベストアンサー

<input type="button" onClick="document.body.style.fontFamily='ＭＳ ゴシック'" value="ＭＳ ゴシック">
<input type="button" onClick="document.body.style.fontFamily='ＭＳ 明朝'" value="ＭＳ 明朝">
<input type="button" onClick="document.body.style.color='red'" value="赤">
<input type="button" onClick="document.body.style.color='#123456'" value="#123456">
<input type="button" onClick="document.body.style.fontSize='20pt'" value="20pt">
<input type="button" onClick="document.body.style.fontSize='6em'" value="6em">
<br><br>テキスト

JavaScript+CSSです。
ついでに色も変えられます。

参考URL：

http://tohoho.wakusei.ne.jp/js/style.htm

お礼

本当にありがとうございます！！
早いレスとてもうれしいです。
ryota2さんのおかげでずっと悩んでたことがやっと解決しました。
さっそく参考にしてＨＰをつくろうと思います。
本当にありがとうございました。
感謝します。