在jQuery中更改字体大小

Question

我有网站，我需要更改网站字体大小的功能。

这是关于更改页面上的字体大小：

1. gdynia.pl
2. http://bip.zawiercie.powiat.finn.pl
etc.

（链接AAA）。

我有功能：

$(document).ready(function ($) {
        if (typeof localStorage.font === 'undefined') {
            localStorage.font = 0;
        }

        loadSettings();

        $(".fontSizeChanger1").click(function (e) {
            if (localStorage.font < 3) {
                addValues();
            }
        });

        $(".fontSizeChanger2").click(function (e) {
            if (localStorage.font > 0) {
                removeValues();
            }
        });

        function loadSettings() {
            if (localStorage.font != 0 ) {
                $("body *").css('font-size', '+=' + localStorage.font);
            }
        }

        function removeValues() {
            localStorage.font = parseInt(localStorage.font) - 1;
            loadSettings();
        }

        function addValues() { alert('dodaje');
            localStorage.font = parseInt(localStorage.font) + 1;
            loadSettings();
        }
    });

该功能如下工作： 1.如果我在localStorage.font中没有值或它为0，则第一次加载页面时-我们显示默认字体大小 2.如果我在localStorage.font中有一些价值-那么我们增加到localStorage.font中包含的大小。

每次单击fontSizeChanger1或fontSizeChanger2时，都可以在页面上增加或减少字体（无需重新加载）。

我的网站是基于Bootstrap构建的。

我想将字体放大或缩小1px