字体大小范围{1,2,3,4,5,6,7}和{xx-small，x-small，small，medium，large，x-large，xx-large之间是否存在事实上的关系？ }？

Question

在HTML / CSS中，字体大小可以按以下方式指定（不建议使用，但所有浏览器都支持）：

<font size="n">text</font>

与n {1, 2, 3, 4, 5, 6, 7}元素。

另一种可能性如下：

<span style="font-size: s;">text</span>

与s {xx-small, x-small, small, medium, large, x-large, xx-large}元素。

两个范围之间是否存在任何事实上的关系？我认为它们指的是相同的尺寸，因为它们都有七个元素，但结果并非如此。

Answer 1

简答：不，这是浏览器特定的。它们之间没有标准映射。

答案很长：检查this document *，因为它正在详细讨论相同的问题。

---

*链接已死。这是一个archived version

Answer 2

请不要使用这些方法中的任何一种来指定font-size。他们被推荐是有充分理由的。使用您描述的方法在平台之间创建一致的外观几乎是不可能的 - 更不用说您完全依赖于浏览器供应商，因为他们指定了每种方法的值。

相反，使用ems或百分比。您将获得更加一致的外观，并且可以更好地控制您的设计所需的字体大小。

Answer 3

蒂姆，参考你对Matt Howell's answer的评论：

如果您在Firefox中运行Firebug，您可以看到元素的“计算样式” - 例如，当StackOverflow css将h2标记（即“您的答案”标题周围）定义为：

h2 {
  font-family:Trebuchet MS,Helvetica,sans-serif;
  font-size:140%;
  font-weight:bold;
  margin-bottom:7px;
}

如果我看看“Computed Style”，我可以看到这是：

这可能会帮助你完成任务。

Answer 4

我认为尺寸之间的（推荐）比例因子是1.2。 CSS不需要缩放因子。