html - CSS:字体系列样式的优先级

Question

看这段代码

<span style="font-family: 'Helvetica Neue';">Storico settimanale</span><BR>
<span style="font-family: 'Helvetica';">Storico settimanale</span><BR>
<span style="font-family: 'Helvetica Neue', Helvetica;">Storico settimanale</span><BR>

我知道 ( see here ) 浏览器必须尝试使用​​第一种字体，如果找不到则尝试第二种，然后继续。

但在 FF * 版本和 IE 11 中我得到了这个:

我应该在第一行和第三行看到 Helvetica Neue，在第二行看到 Helvetica。

为什么我在第三行有 Helvetica？

Answer 1

Helvetica Neue 是一种无衬线字体。该图像在第一行显示衬线字体。这意味着您在第一行获得的字体不是 Helvetica Neue。您的浏览器无法找到 Helvetica Neue，因此当 font-family 列表中的字体均不可用时，它会使用默认后备字体。

您在第三行看到 Helvetica，因为 Helvetica Neue 不可用，但 Helvetica 可用。