新!我的 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;
瀏覽器將使用奇幻字型家族。