新!我的 44 頁電子書「44 分鐘學會 CSS」出爐囉!😃

立即取得 →

#font-family

font-family: "Source Sans Pro", "Arial", sans-serif;

使用多個值時,font-family字型家族清單會定義瀏覽器應選擇字型家族的優先順序

瀏覽器會在使用者的電腦和任何@font-face 資源中尋找每個家族。

清單的優先順序從:如果第一個值可用,就會使用它,否則會使用下一個值,直到清單結束為止。預設字型家族由瀏覽器偏好設定定義。

在此範例中,如果 Source Sans Pro 可用,瀏覽器會嘗試使用它。如果找不到,它會嘗試使用 Arial。如果這兩個都不可用,它會使用瀏覽器的 sans-serif 字型。

font-family: serif;

瀏覽器將使用襯線字型家族:所有字元都有筆畫末端

font-family: sans-serif;

瀏覽器將使用無襯線字型家族:沒有任何字元有筆畫末端。

font-family: monospace;

瀏覽器將使用等寬字型家族:所有字元都有相同的寬度

font-family: cursive;

瀏覽器將使用草書字型家族。

font-family: fantasy;

瀏覽器將使用奇幻字型家族。