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

Question

例如：

body 100.01％和所有其他字体大小（以ems为单位）？ （这是老式的吗？）

还是仅以像素为单位设置字体大小，例如对于apple.com等主体为12px？

谢谢

Answer 1

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

纯粹主义者会告诉您接受浏览器的默认设置并尊重用户的偏爱，但务实地说，设计师和业务经理会对此感到厌恶，您也会这样做，因为您将不断抱怨某些事物为何看起来有所不同。 悲伤但真实。

一次（2005-2007年），您可以将主体设置为font-size: 76%; 并且实际上在所有主要浏览器上都会得到类似的大小，但是我不确定这是否仍然正确。

我知道这些方法很流行的唯一原因（而不是指定px是，Internet Explorer不允许您调整px大小（如果在px指定），从而导致可访问性问题。 尽管在Internet Explorer 8中仍然如此，但有人可能会争辩说，绝大多数人都在使用浏览器的全页面缩放功能（与Internet Explorer时代不同，现在几乎所有人都具有此功能） 6）因此，这种建议可能更实用而不实用。

Answer 2

没有标准。 这更多是个人喜好。 不同的框架以不同的方式执行此操作，但是我更喜欢将基本字体大小设置为13px，并且仅将像素值用于任何不同的内容。 过去，您应该使用诸如EM之类的可变单元，因为某些特定的浏览器不会使用px值来调整文本的大小，但是我认为这时不应该涉及任何问题。

查看一些流行的CSS框架，并从中获取队列。 （YUI，蓝图，960.gs等）

Answer 3

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

过去的做法包括将正文的大小调整为62.5％（将默认的16px字体设置为10px），并使用EM从此处缩放。

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

Answer 4

我不了解标准或最佳做法，但是我注意到您可能会发现有用的一件事：不同的浏览器使用不同的默认字体大小，范围从12到14像素。 这对于您的布局可能真的很不利。 当我进行样式设计时，图形专家总是向我发送字体规范：字体系列，颜色，粗细，样式和以像素为单位的大小。 每当我做12px而不是11px时，它们都会对我猛击-因此，我长期以来一直在专门使用精确的像素值。 每个人似乎都很高兴：设计师，客户...