網站上的不同字體大小

-3

我的網站有一個名爲字體大小的菜單。基本上，它的用戶要更改的選項網站一樣的字體大小：網站上的不同字體大小

smaller 
small 
medium 
large

默認字體大小是「小」。當用戶選擇字體大小爲「中等」時，則在用戶訪問該網站的所有頁面時（在一個瀏覽器會話中）字體大小應保持中等。如何通過JavaScript或jQuery或其他任何方式實現此目的。

我試着在選擇時更改字體大小，但是當我轉到另一頁時，字體大小更改爲默認字體大小。

我的網站已經在使用HTML5，CSS3，JavaScript，Jquery。它在Spring MVC/Java上。

來源

2013-05-02 Muhammad Imran Tariq

在現代瀏覽器上使用本地存儲。爲了支持所有瀏覽器（如舊IE），請考慮使用cookie。 – 2013-05-02 10:53:57

使用Cookie將您的字體選項保留在其他頁面中。 – 2013-05-02 10:54:42

在一個理想的世界中，你將擁有遍佈根據人體字體大小，例如百分比頁面上的元素

body{ font-size: 12px; } 
h1{ font-size: 120%; }

或

h1{ font-size: 1.5em; }

如果你有這個設置，那麼你可以簡單地改變你的身體元素的font-size，然後它自動更新頁面上的所有字體。

正如Baadshah建議的那樣，您可以使用jQuery cookie plugin在所有頁面中保留用戶選擇。

我在這裏把一個簡單的演示在jsfiddle

可以更改基於選擇的正文字體大小，設置cookie，然後檢查，看看這個cookie存在，然後設置字體大小。

if ($.cookie('font-size')){ 
    console.log($.cookie('font-size')); // take this out when not debugging 
    $('body').css({ 'font-size': $.cookie('font-size')}); 
}

來源

2013-05-02 11:12:30

使用cookies

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

DEMO

來源

2013-05-02 10:56:07

網站上的不同字體大小

回答

相關問題