WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」

「jQuery Text Resizer」と「jQuery Cookie」を利用して文字サイズを大中小と変更する

文字サイズを変更する

企業サイトであれば「文字の大中小」ボタンをクリックしてページ内のフォントサイズを変更することがよくあると思いますが、jQuery プラグイン jQuery Text Resizer を使えば手軽に実装できます。

また、jQuery Cookie と併用することで、フォントサイズの状態を Cookie に保持することができるので、サイト内の別ページへ遷移したりページを離脱してもう一度戻ってきた場合でも、文字のサイズを維持することができます。