javascript - ウェブサイトのフォントサイズの違い

Question

私の Web サイトには、Font Size という名前のメニューがあります。基本的に、ユーザーが Web サイトのフォント サイズを次のように変更するためのオプションです。

smaller
small
medium
large

デフォルトのフォントサイズは「小」です。ユーザーが「中」というフォント サイズを選択した場合、ユーザーがその Web サイトのすべてのページに (1 回のブラウザー セッションで) アクセスする間、フォント サイズは中のままにする必要があります。JavaScript や jQuery などを使用してこれを実現する方法。

選択時にフォント サイズを変更しようとしましたが、別のページに移動すると、フォント サイズがデフォルトのフォント サイズに変更されます。

私のウェブサイトはすでに HTML5、CSS3、JavaScript、Jquery を使用しています。そのSpring MVC / Java上。

Answer 1

クッキーを使用する

 var cookieFont = $.cookie("fontSize");
  $("#target").css("font-size", curFont + 'px');

デモ