CSS：font-family样式的优先级

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是一种无衬线字体。图像在第一行显示serif字体。这意味着您在第一行获得的字体是而不是 Helvetica Neue。您的浏览器找不到Helvetica Neue，因此当font-family列表中没有任何字体可用时，它会使用默认的后备字体。

你得到第三行的Helvetica，因为Helvetica Neue不可用，但Helvetica是。

Answer 2

你在第一个<span>获得标准衬线字体，在最后<span>获得Helvetica这一事实，我会说你没有安装Helvetica Neue机。

不要忘记本地机器应该安装字体，这就是你指定字体面顺序的原因。