代码之家 › 专栏 › 技术社区 › Simon R

提供不同大小的文本

text-size css

2

Simon R · 技术社区 · 16 年前

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

4 回复 | 直到 16 年前

1

fuxia 16 年前

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

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

2

3

Faruz 16 年前

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

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

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

3

2

Navid Farhadi 16 年前

您可以使用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>

4

2

Graham Clark 16 年前

我认为这取决于你的听众是谁。我想绝大多数计算机用户绝对不知道他们的浏览器可以缩放页面,更不用说如何缩放页面了。

这种功能似乎在报纸上非常流行(例如 The Guardian ,这显然是被广泛的网络用户所使用的。如果你的网站是针对更多的技术人员,或是真正的图形沉重,这个功能可能是不值得的。