应该在哪里为整个页面定义 font-family？答案

【问题标题】：Where should font-family be defined for an entire page?应该在哪里为整个页面定义 font-family？
【发布时间】：2014-04-02 00:17:27
【问题描述】：

我将定义一个用于整个页面的字体系列（除非由较低的元素/id/类特别修改），我想知道是否更好的做法（或更常见）指定html标签或body标签的font-family？

该属性应该自动继承到我能想到的所有内容，无论我在 html 或 body 中指定它，所以我想知道它是否重要？我注意到 Google 和 Wikipedia 都为 html 和 body 元素指定了 font-family，所以我很好奇为其中一个/两个元素定义 font-family 有什么好处。

如果您能指出哪个标签更可取的情况，那就太好了。

【问题讨论】：

我会将它用于body 元素，因为它比为html 元素设置它更有意义。我怀疑为html 元素设置它是否重要，因为所有元素都将从body 继承属性值。

【解决方案1】：

在body 元素上设置字体属性比在html 元素上设置字体属性更为常见。通常，这并不重要。

在html 元素上设置它们可以让任何其他样式表覆盖您的字体设置，只需在body 上设置它们的字体设置。这有时可能是可取的。

在极少数情况下，使用 CSS 使 head 部分中的某些元素可见，而不是默认设置 display: none，这也很重要。

【讨论】：

“将它们设置在 html 元素上可以让任何其他样式表覆盖您的字体设置，只需在 body 上设置它们的字体设置。” – 他们可以做到这一点无论如何 - 如果稍后嵌入，则具有相同特异性的规则，或者应该在之前嵌入具有更高规则的规则......所以我想说这在这里不是一个真正有效的论点。
@CBroe，这并不是真正的争论，只是一个观点。而且我认为这是有效的：这样做可以让任何样式表覆盖您的设置，即使它会丢失您在body 上的设置，例如由于是用户样式表。