提供不同大小的文本

时间:2010-04-06 09:45:15

标签: css text-size

这是一个很普遍的问题,但是你认为在网站上提供文本大小调整工具很重要吗,因为大多数浏览器似乎提供文本调整或更常见的缩放,所以这只会影响文本效果吗?

4 个答案:

答案 0 :(得分:3)

调整文本大小是获取辅助功能标记的要求。

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

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

答案 1 :(得分: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>

答案 2 :(得分:2)

我认为这取决于您的受众群体。我猜绝大多数计算机用户完全不知道他们的浏览器可以缩放页面,更不用说如何做了。

这种功能似乎很受报纸的欢迎(例如The Guardian),这显然被广泛的网络用户使用。如果您的网站针对的是更多技术人员,或者图形密集,则此功能可能不值得。

答案 3 :(得分:1)

您的文字应该可以调整大小,即布局应该有一些非常大的字体大小。但是您不需要提供额外的工具来重新发明本机浏览器功能。好reasons against such options

如果您关心辅助功能,请不要创建调整大小的需要。使用用户的正文字体大小,在em中设置尺寸,并使用最小字体大小首选项(20px及以上)测试布局。