Question

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

通常，我一直使用百分比设置字体大小，然后使用em从那里上下调整它。

这是最标准的方法吗？我已经看到以像素为单位声明的字体，点数，相对关键字，如“较大”或“较小”，我看到它设置为百分比等。

那么最标准的是什么？最标准的是最好的吗？任何支持它的研究？

谢谢，

Answer 1

我在学校学到的内容如下：

将body中的font-size设置为62.5％：

body {
      font-size: 62.5%;
}

然后你可以像使用像素一样使用em，除了你除以10。

例如：

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

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

然后再次，我看到人们一直使用px或其他声明字体;据我所知，他们都是标准的。我想这只是为了创造最好的用户体验。

Answer 2

您应该将font-size标记中的body设置为100%。这样，访问过您网站的用户就会看到正确尺寸的文字，以及他们在浏览器中设置的内容。例如，视力不佳的人可能会将文本大小设置得更大。如果您的font-size设置为100%，他们应该完全按照需要查看。

之后，您可以使用h1或h2在p，%，em等设置尺寸。

Answer 3

他们都是standard。使用适合你的。

Answer 4

我通常将html设置为10px，然后在font-size: 100%上使用body。然后，您可以在元素上使用px / em比率14px / 1.4em。我遇到的唯一问题就是如果我嵌套基本元素，字体变得很时髦，你必须在所有嵌套元素上指定font-size。

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

有些人可能会问，“为什么要经历这一切的麻烦？”这是一个很好的问题。这是答案：响应。那，我为一家需要符合508标准的公司工作。这包括对起始字体大小的最终控制。我不能依赖假设最终用户选择了“中等”或0.625em字体，因为法律明确规定它必须是X或Y才能获得高对比度等。

Answer 5

有人告诉它不是一件好事，可以打破你的布局，看到它：http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/

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

5 个答案: