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。

不要忘記本地計算機應該安裝字體，這就是為什么要指定字體順序的原因。