第 10 回 CSSで文字サイズを変更するボタンを設置する

第 10 回目は「CSSで文字サイズを変更するボタンを設置する」です。

今回の文字サイズの変更は「styleswitcher.js」を使います。
この「styleswitcher.js」は複数のスタイルシートファイルを切り替えて読み込むことができ、クッキーに保存できる優れもののライブラリです。

実装手順は以下の通りです。

1. styleswitcher.js をダウンロード

「styleswitcher.js」をサイトからダウンロードしてきます。
A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets」のエントリーの中にある Download styleswitcher.js から Download できます。ファイル名 「styleswitcher.js」にして保存します。

2. フォントサイズの違う CSS を作成

フォントサイズの違うスタイルシートを 3 つ用意します。