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

|| 我已经使用HTML / CSS多年了，但是我想澄清一些有关设置字体大小的信息。设置字体的最佳格式是什么？通常，我一直在用百分比设置字体大小，然后使用em从那里向上或向下更改它。这是最标准的方法吗？我已经看到了以像素，点为单位声明的字体，并带有相对的关键字，例如\“ large \”或\“ smaller \”，我已经将其设置为百分比等。那么最标准的是什么？最标准是最好的吗？有研究支持吗？谢谢，

已邀请:

5 个回复

泉秘胁

它们都是标准的。使用对您有用的东西。

际恃啸称桅

我在学校学到的东西如下：将正文中的字体大小设置为62.5％：

body {
      font-size: 62.5%;
}

然后，除了可以除以10以外，您可以像使用像素一样使用em。例如：

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

我们学会了将em用于“弹性”布局。如果您在em中指定字体大小，则用户放大或缩小后，文本将保持其比例。再说一次，我看到人们一直在使用px或其他字体声明。据我所知，它们都是标准的。我想这只能归结为创造最佳的用户体验。

坛沤疲撑拆

您应将“ 3”标签中的“ 2”设置为“ 4”。这样，访问您网站的用户将看到正确大小的文本，其大小与他们在浏览器中设置的大小相同。例如，视力低下的人可能会设置较大的文本。如果您的font-size设置为100%，他们应该完全按照需要看到它。之后，可以用%或em在h1，h2，p等上设定尺寸。

黎喊病

我通常将html设置为10px，然后在body上使用font-size: 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。

臂哦

有人告诉它不是一件好事，可能会破坏您的布局，请参见：http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/

要回复问题请先登录或注册

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

5 个回复

发起人

html

css

font_size

问题状态

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

与内容相关的链接

5 个回复

发起人

html

css

font_size

问题状态