css - 提供不同大小的文本

Question

这是一个一般性的问题，但是您认为在网站上提供文本大小调整工具很重要吗，因为大多数浏览器似乎都提供文本大小调整或更常见的缩放功能，这在本质上只影响文本？

Answer 1

文本大小调整是获得可访问性标记的要求。

即http://www.w3.org/WAI/

此邮票需要一些政府赞助的网站。

Answer 2

您可以使用 JQuery ：

$(function() {
    $('a').click(function() {
        var os = $('p').css('font-size');
        var num = parseFloat(os);
        var uom = os.slice(-2);

        if (this.id == 'larger') {
            $('p').css('font-size', num * 1.4 + uom);
        } else
            $('p').css('font-size', num / 1.4 + uom);
    })

})

HTML：

 <a href="#" id="larger">Larger</a>
 <br/>
 <a href="#" id="smaller">Smaller</a>
 <p>Your Text</p>

Answer 3

我认为这取决于你的听众是谁。我猜绝大多数计算机用户完全不知道他们的浏览器可以缩放页面，更不用说如何做到这一点了。

这种功能似乎很受报纸（例如The Guardian）的欢迎，很明显，它被广泛的网络用户使用。如果您的网站针对的是更多的技术人员，或者图形非常繁重，则此功能可能不值得。

Answer 4

您的文本应该可以调整大小，即布局应该有一些非常大的字体大小。但是您不需要提供额外的工具来重新发明本机浏览器功能。反对这种选择有充分的理由。

如果您关心可访问性，请不要创建调整大小的需求。使用用户的字体大小作为正文，设置尺寸em并使用最小字体大小首选项（20px 及以上）测试布局。