說明CSS結構

Question

我在其中一個網站中找到了此代碼。顯然它是定義字體系列的CSS樣式。但我無法得到這個結構。請幫助我。提前致謝。

font-family: "Open Sans",Helvetica,Arial,sans-serif; 

Answer 1

首先負載打開三世字體，如果沒有可用的負載黑體，如果黑體無法負荷宋體，而且，如果他們都不是可用負載另一無襯線字體。

Docs:

的屬性值是字體系列名稱和/或通用系列名稱的優先列表。與大多數其他的CSS屬性，組件值之間用逗號分開，以表明它們的替代品：

body { font-family: Gill, Helvetica, sans-serif } 

有兩種類型的字體家族名稱：

<family-name> 

的選擇的字體系列的名稱。在最後一個例子中，「Gill」和「Helvetica」是字體系列。

<generic-family> 

在上面的例子中，最後一個值是一個通用的姓。以下普通家庭的定義：

'serif' (e.g., Times) 
    'sans-serif' (e.g., Helvetica) 
    'cursive' (e.g., Zapf-Chancery) 
    'fantasy' (e.g., Western) 
    'monospace' (e.g., Courier) 

Answer 2

瀏覽器將嘗試使用的第一個字體列表中，如果它沒有安裝它會在列表等下一個。