在HTML/CSS中设置字体大小的最标准方法

我已经在HTML/CSS中工作了很多年，但是我想澄清一些关于设置字体大小的问题。设置字体的最佳格式是什么

通常情况下，我会设置一个百分比的字体大小，然后使用em将其向上或向下更改

这是最标准的方法吗？我见过以像素、点和相对关键字（如“较大”或“较小”）表示的字体，我见过将其设置为百分比等

那么什么是最标准的呢？最标准是最好的吗？有什么研究来支持它吗

---

谢谢，

他们都很好。使用对你有用的东西。

我在学校学到的是：

将正文中的字体大小百分比设置为62.5%：

body {
      font-size: 62.5%;
}

然后，除了除以10之外，你可以使用em和使用像素的意义相同

例如：

h1 {
    font-size: 1.4em; /* 14px */
}

我们学会了在“弹性”布局中使用它们。如果在em中指定字体大小，则在用户放大或缩小后，文本将保持其比例

---

再次，我看到人们一直在使用px或其他字体声明；据我所知，它们都是标准的。我想这只能归结为创造最佳的用户体验。

您应该将

正文

标记中的

字体大小设置为
100%
。这样，访问您的站点的用户将看到与其在浏览器中设置的文本大小相符的文本。例如，视力低下的人可能会将文本大小设置得更大。如果您的
字体大小
设置为
100%
，他们应该完全按照需要查看

之后，您可以使用
%
或
em
在
h1
、
h2
、
p
等上设置大小
 我通常将
html
设置为
10px
，然后在
正文上使用
字体大小：100%
。然后可以在元素上使用px/em比率
14px
/
1.4em
。我遇到的唯一一件事是，如果我嵌套基本元素，字体会变得非常时髦，您必须在所有嵌套元素上指定
font size

示例：如果我有
p，section，article，div{font size:1.6em；}
，每当我有
p，section，article，div
嵌套时，字体就会与容器成比例。所以原来是
16px
的
1.6em
现在是
16px
的
1.6em
（不是
10px
）或
25.6px
。您必须将文本重新缩放到
0.625em
（或
16px
/
25.6px
=
0.625em
）。您可以更好地控制浏览器之间的一致性，但这可能需要您付出更多的努力

有些人可能会问，“为什么要经历这些麻烦？”这是一个好问题。答案是：响应能力。我在一家需要符合508标准的公司工作。这包括对起始字体大小的最终控制。我不能依赖于假设最终用户选择了“中等”或
16pt
字体，因为法律明确规定必须是X或Y以获得高对比度，等等
 有人告诉我这不是一件好事，可能会破坏你的布局，请看：
我很感谢与规格的链接-这正是我在要求研究支持它时所希望的类型。谢谢。其中62.5%来自何处？@Dan-这是基于浏览器默认字体大小为16px的假设。16*62.5%=10，因此1.4em映射为14px。这一假设并不总是正确的，但对于现代浏览器来说可能效果相当不错，因为它们在缩放网页时倾向于使用逻辑像素而不是物理像素。@Alohci-感谢您的澄清。所以这取决于每个浏览器，并且可能在未来的任何时候波动？是否有相关文档？在现代浏览器中，“中等”文本的默认大小为16px。我怀疑这种情况会很快改变，因为现在这似乎或多或少是一种标准。不过，似乎没有太多关于它的文档。62.5%基本上只是一种使使用em更容易的方法。@Dan-出于各种原因，浏览器制造商不喜欢被默认CSS值束缚，在编写规范时，这并不是一成不变的。因此它可能会波动，但是，在这种情况下，它们都会使用相同的设置，因此我认为它们不太可能移动，因为如果移动，可能会破坏一些网页，并且随着用户的回避，它们会失去市场份额。对于时髦的嵌套元素问题，请使用
rem
而不是
em
，这意味着
根em
（因此指向
html
字体大小
，而不是元素的父元素。有关