我应该使用绝对字体大小(小,中,大等)吗?

时间:2012-01-04 12:26:10

标签: html css html5 webkit standards

W3C保持page of advice on how to size your fonts in CSS - 最后一次更新于2010年4月。根据此页面设置字体样式的最佳方法是使用“绝对”字体大小:

  

更好的是,如果为文档设置了基本字体大小,请使用绝对大小([xx-small | x-small | small | medium | large | x-large | xx-large])或相对大小( [large | smaller])定义文档中特定元素的字体大小时。

表中的规范defines these font-sizes。据我了解此表格,small应为66%的2/3(medium),而large应为4/3(133% })。

如果我对此进行测试,则从我对W3C指定的比率的解释中得到rather different results。结果在最新版本的Chrome,Firefox和IE中都是一致的,但不符合W3C的建议。 small81.25%而不是66%large112.5%而不是133%

这是否意味着现代浏览器不支持W3C的这些标准?是否有一个新的标准取代了我不知道的这个标准?或者我是否误解了W3C中该表的含义?

在一天结束时,我的问题归结为:在CSS中使用绝对字体大小仍然是最佳做法吗?它会在浏览器中表现一致吗?理想情况下,我想知道现代浏览器遵循的标准。

2 个答案:

答案 0 :(得分:6)

您误解了所链接的表格。中等为HTML字体大小3,小字体为HTML字体大小2,指的是不推荐使用的字体标记及其1..7字体大小。

无论如何,如果您想要尊重用户的字体大小首选项,请不要使用10px等字体大小。中等表示用户的偏好。 (尽管绝大多数用户将其首选大小保留为出厂默认值,因为他们不知道如何更改它。)

@MrLister在评论中说

[绝对字体大小之间的比例]在浏览器之间有所不同。根据W3C,字体之间甚至可能不同。根据我的个人经验,在某些浏览器中,严格和怪异模式之间也存在差异。因此,如果您想要一致性,请不要使用它。确定身体的大小(您想要的大小,或者将其留给用户),然后使用各种元素的百分比或ems

答案 1 :(得分:0)

“中等”转换为1em。

  

作为文档的基本字体大小,1em(或100%)相当于将字体大小设置为用户的首选项。