jQueryを使った文字サイズの切り換え

既にこの手の情報は巷に溢れているのですが、メモ書き程度にエントリー。

案件によっては文字サイズの切り換えボタンを付けてくれと言われる事があります。
レガシーブラウザと違ってモダンブラウザでは文字サイズの固定という概念自体がないので、ブラウザ側でのサイズ変更でいいんでない？と思ったりするのですが、多分、昔の名残なんでしょうね。まだ根強く残っていたりします。
そんなわけで、jQueryを使った文字サイズの切り換えのサンプルを作ってみました。

やってることは参照サイトと同じで、文字サイズの入ったCSS(font_m.css、font_l.css)をJavaScriptで切り替え、状態をCookieで保持するというもの。
プラスアルファで、文字サイズメニューをアクティブにするようにしてあります。
このメニューのアクティブ化は、切り替えるそれぞれのCSSにスタイルを設定するのが一番楽かと思います。