在网站上设置字体大小的当前标准是什么?

时间:2010-12-03 21:52:56

标签: css font-size

例如:

正文100.01%和所有其他字体大小的ems? (这是老式的吗?)

或简单地设置以像素为单位的字体大小,例如身体12px像apple.com?

谢谢

4 个答案:

答案 0 :(得分:3)

有几种不同的方法。目前,我在px中设置了主体,然后对层次结构中的其他所有内容使用em计算...这样,如果我决定更改网站的基本字体大小,那么一切都很好地级联。

纯粹主义者会告诉你接受浏览器的默认设置并尊重用户的偏好,但务实地说设计师和业务经理会对此不以为然,你也会因为你会不断抱怨为什么看起来不一样。悲伤却又是真的。

曾经(2005-2007时代),您可以将主体设置为font-size: 76%;,这实际上会在所有主流浏览器中获得类似的大小,但我不确定这是否仍然存在。

我知道这些方法很受欢迎的唯一原因 - 与指定px相反 - 是因为如果在px中指定,Internet Explorer将不允许您调整文本大小,从而导致可访问性问题。虽然在Internet Explorer 8中仍然如此,但人们可以认为绝大多数人都在使用浏览器的整页缩放功能(现在几乎所有人都使用此功能,这与Internet Explorer时代不同6)所以这一点建议可能更有讽刺而不是有用。

答案 1 :(得分:1)

没有标准。这更多的是个人偏好。不同的框架以不同的方式执行它,但我更喜欢将我的基本字体大小设置为13px,并且只使用像素值来表示任何不同的内容。过去你应该使用EM这样的流体单元,因为某些特定的浏览器不会调整带有px值的文本,但我认为此时不应该有任何问题。

查看一些流行的CSS框架并从中排队。 (YUI,Blueprint,960.gs仅举几例)

答案 2 :(得分:1)

“标准”取决于您的目标受众。

过去的做法包括将正文大小调整为62.5%(使默认的16px字体为10px)并使用EM从那里进行缩放。

随着较新的浏览器允许缩放所有元素而不仅仅调整文本大小,像素大小变得越来越普遍。特别是,旧版本的IE(7及以下版本)没有调整以像素为单位设置的字体。

答案 3 :(得分:1)

我不了解标准或最佳做法,但我注意到您可能会觉得有用的一件事:不同的浏览器使用不同的默认字体大小,范围从12到14像素。这对你的布局来说真的很糟糕。当我做样式时,图形人总是向我发送字体规格:字体系列,颜色,重量,样式和大小(以像素为单位)。每当我做12px而不是11px时,他们都会抨击我 - 所以我一直在使用精确的像素值。每个人似乎都很开心:设计师,客户......