サイトの基準フォントサイズを「大・中・小」で変更するボタンを設置する

概要

用途

• サイトの基準フォントサイズをユーザーが指定できるようにフォントサイズ変更ボタン（大・中・小など）を用意する。

内容

• 予め用意された「大中小」のボタンをクリックすることでサイトの基準フォントサイズが変更されるように処理。
• 選んだサイズが他のページに遷移後も維持されるようにCookie処理も組み込み済み。
• html側のdata-fzで指定している値によってフォントサイズを調整可能。

注意事項

• サイトの全てのフォントサイズ指定を相対値（emやrem、％、vwなど）で設定しておくこと。
  ※絶対値（px）で指定している場合はボタンをクリックしてもフォントサイズが変更されません。

検証ブラウザ

• Google Chrome(最新)
• Safari(最新)
• Firefox(最新)
• Microsoft Edge(最新)
• IE11

その他

• jQuery バージョン3.6.0使用。
• jquery-cookie バージョン1.4.1使用。

実装方法