默认的HTML字体大小

Question

我想知道默认的HTML字体大小是多少，但是我找不到答案。

我的意思是：

这个对应的像素字体大小是多少：

html {
    font-size: 100%;
}

如果你需要计算rem字体大小，了解这一点可能会很有用。

- Romain Braun

---

我进行了一些实验，似乎是16像素。有人可以确认吗？ - Romain Braun

据我所知，早些时候Netscape Communicator使用的是14px。但是现在已经有很长一段时间了，浏览器都已经统一使用16px。 - Alohci

Answer 1

默认值为16像素。

如果您创建了一个带有任何文本的HTML文件，并在Chrome中打开它，您可以检查计算样式。

- Dryden Long

---

是的！完全忘记了计算样式！ - Romain Braun

我一直在寻找答案，结果来到这里，这就是被接受的答案，真的吗？事实上，16px并不是默认值，用户可以将其更改为任何值，并且你所依赖的计算样式也无法解决这个问题... - user11877195

16px在pt中是多少？ - l008com

Answer 2

在 W3 CSS规范 中，除了相对值 medium，没有具体的默认font-size。

尽管如此，针对IE、Firefox和Chrome的开发版进行的快速测试都表明，事实上的标准是16px。我很想看到有人在移动版本上进行测试。

编辑：截至2017年3月20日，桌面端的Chrome、Firefox、Edge和IE以及移动端的Chrome、Firefox和Opera都将font-size默认为实际标准的16px。

- ubomb

---

这里唯一一个提到在不同浏览器中进行测试的答案。虽然现在你还需要加入移动端的测试 ;) - dc5

你知道事实标准背后的原理吗？那将会很棒。 - Webwoman

@Webwoman，我做了一些研究，似乎答案归结为“因为在微软开发Internet Explorer时，传统印刷媒体的大小大约是这样”。如果您想要更多阅读材料，以下是我的来源：https://blog.usejournal.com/your-body-text-is-too-small-5e02d36dc902 https://www.thomasphinney.com/2011/03/point-size/ - ubomb

Answer 3

实时演示

这里有一种简单的方法来检查它:

HTML:

<p>Hello world</p>
<span></span>

JQuery:

$('span').text("Font-size is: "+($('p').css('font-size')));

在屏幕上输出：

Hello world

Font-size is: 16px

- CMPS

Answer 4

默认情况下，字体大小取决于浏览器。这正是使用rem单位的原因。如果我们知道默认大小比如说是16px，那么使用rem就没有太大意义。

正如其他答案所述，浏览器中通用的出厂设置默认值为16px。用户可以在浏览器设置中更改此值。在某些浏览器中，您可以将大小设置为任意像素数，而一些浏览器仅提供几种口头描述选项。此外，默认字体大小也可以在用户样式表中设置。

- Jukka K. Korpela