Question

我可以使用Jquery在单个页面上增加字体大小：

$(function(){
    $("#fontsizebtn").click(function() {
        $("#content").toggleClass("sizeincrease");
    });
});

没关系。但是，用户需要再次为他们访问的每个页面单击该按钮。

有没有办法做到这一点，所以它贯穿所有页面？我是否需要更改文件服务器端，还是有其他方法可以执行此操作？（不期待详细的回答，只是指出我正确的方向）

编辑：对于那些说这个问题与CSS - Increase Page Font Size重复的人，这个用户似乎想要增加单个页面的文本大小（我已经可以实现）。我想增加所有页面的文字大小，这样访问者只需要点击一次增加大小按钮。

Answer 1

一个想法：

您可以使用local-storage存储font-size的用户首选项，并为每个加载的页面读取其首选项。但是，他们的偏好仅适用于当前的计算机。

您可以像这样保存用户偏好：

localStorage.setItem('font-size','smallClass');

稍后，你可以这样做：

var fontSizeClass = localStorage.getItem('font-size');
$("#content").addClass(fontSizeClass);

Answer 2

在此示例中，sessionStorage用于保留用户的首选项。关闭选项卡或浏览器窗口时会销毁sessionStorage。如果需要，请在浏览器关闭后使用localStorage保留。

var percent = restore() || 100;

$('#increase').click(function () {
    percent += 10;
    setFontSize(percent);
});

$('#decrease').click(function () {
    percent -= 10;
    setFontSize(percent);
});

function save(percent) {
    sessionStorage.setItem('fontSize', percent);
}

function restore() {
    percent = parseInt(sessionStorage.getItem('fontSize'));
    setFontSize(percent);
    return percent;
}

function setFontSize(percent) {
    $('body').css('fontSize', percent + '%');
    save(percent);
}

<强> http://jsfiddle.net/tvbt0a3L/2/

Answer 3

在你的CSS中添加font-size:99px !important;之类的内容。

如何增加整个网站的字体大小？

3 个答案: