五大類:serif, sans-serif, monospace, cursive, fantasy
serif 襯線字體,如 Big Caslon, 宋體
sans-serif 非襯線字體,如 Helvetica, 黑體
monospace 等寬字體,如 Menlo
cursive 手寫體,如 Comic Sans MS
fantasy 幻想體,如 Bodoni Ornaments
同時聲明文字體的字體名稱(英文)和顯示名稱(中文),就像這樣:
font-family: SimSun, “宋體”;
font-family: “Microsoft YaHei”, “微軟雅黑”;
font-family: STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”;
先聲明英文字體,如:
font-family: Georgia, SimSun, “宋體”;
font-family: Arial, “Microsoft YaHei”, “微軟雅黑”;
在最后補充英文字體族的名稱,如:
font-family: Georgia, SimSun, “宋體”, serif;
font-family: Arial, “Microsoft YaHei”, “微軟雅黑”, sans-serif;
font-family: Helvetica, Tahoma, Arial, STXihei, “華文細黑”, “Microsoft YaHei”, “微軟雅黑”, sans-serif
- 對於英文字符,首先查找Helvetica(Mac),然后查找Tahoma(Win),都找不到就用Arial(Mac&Win);若是以上三者都缺失,則使用當前默認的sans-serif字體(操作系統或瀏覽器指定);
- 對於中文字體,我們已經了解其規則了。華文細黑(Mac),微軟雅黑(Win)是這兩個平台的默認中文字體。
兼容舊版系統,如Windows XP~
font-family: Helvetica, Tahoma, Arial, STXihei, “華文細黑”, Heiti, “黑體”, “Microsoft YaHei”, “微軟雅黑”, SimSun, “宋體”, sans-serif