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>

我知道（ 请参阅此处 ）浏览器必须尝试使用​​第一种字体，如果找不到，请尝试使用第二种字体，然后继续。

但是在FF *版本和IE 11中，我得到了：

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

为什么我在第三行得到Helvetica？

Answer 1

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

您会在第三行看到Helvetica，因为Helvetica Neue不可用，而Helvetica是可用的。

Answer 2

实际上，您在第一个<span>获得标准衬线字体，而在最后一个<span>中获得Helvetica，事实上，我要说的是您的计算机上未安装Helvetica Neue。

不要忘记本地计算机应该安装字体，这就是为什么要指定字体顺序的原因。