第 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 つ用意します。