CSS設定。文字を大きくする設定が分かりません。

質問

ホームページ内でフォントの大きさを設定する仕組みがわかりません。

下記にあるＨＰでＨＰ内でフォントの大きさを設定するボタンがあります。このフォントの大きさを設定する仕組みが分かりません。

http://www.city.shima.mie.jp/

どなたか分かる方教えていただけないでしょうか。
よろしくお願いします。

回答No.3

ao_

A LIST APARTというサイトにその方法とjavaコードがあるんですが、英語のサイトのため和訳が必要です。
http://www.excite.co.jp/world/english/で翻訳しながら解読すればできると思います。

参考URL：

http://www.alistapart.com/articles/alternate

お礼

aoさん
回答ありがとうございます。
早速参考ＨＰを拝見してみます。

回答No.2

naynay

リンクのサイトでは補足にあるとおり、フォントサイズをx-small（小） small（中） midium（大）と、それぞれ文字サイズ指定の違う３種類のスタイルシートを用意して、javascriptで読み込むスタイルシートを切り替えているようです。
（その他のスタイルは@import～で各CSSから読み込んでいます）

CSSを切り替えるjavascriptも外部読み込みされていますね。
javascriptはよく分からないので、参考URL↓で探してください。

参考URL：

http://www.google.co.jp/search?hl=ja&c2coff=1&rls=GGLD%2CGGLD%3A2005-03%2CGGLD%3Aja&q=%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%

お礼

naynayさん
回答ありがとうございます。
早速参考ＨＰを拝見してみます。

回答No.1

noname#65286

このサイトでは外部CSSファイルを使用しています。
<link rel="stylesheet" ・・・/>で下記の3つのスタイルシートにリンクしています。
fontM.css、fontS.css、fontL.css

フォントの大きさは　font-size　で指定しています。

お礼

myu_nyanさん。
回答ありがとうございます。
3つのスタイルシートにリンクしているんですね。

スタイルシートをjavascriptで読み込んでいるようですが、
javascriptの記述が分かりません。