前言：中文字體的特殊挑戰

英文字體選擇極廣，中文字體因字符量龐大導致體積巨大，除系統內置字體外難以通過 @font-face 載入。在可選性極差前提下，如何正確聲明中文字體成為關鍵技術。

反面教材：切忌的聲明寫法

Font-family: "宋體"
Font-family: "宋體", Arial;
Font-family: Arial, "宋體", "微軟雅黑";
Font-family: Helvetica, Arial, "華文細黑", "微軟雅黑";

四大核心原則

1. 雙重聲明：英文名 + 中文顯示名

操作系統切換語言環境時可能無法通過中文顯示名找到字體。必須同時聲明：
font-family: SimSun, "宋體";
font-family: "Microsoft YaHei", "微軟雅黑";
font-family: STXihei, "華文細黑", "Microsoft YaHei", "微軟雅黑";

2. 英文字體優先，且置於中文字體之前

事實：中文字體含英文字母但極醜；英文字體不含中文。中英混排極常見，先聲明英文字體保證英文渲染品質。
font-family: Georgia, SimSun, "宋體";
font-family: Arial, "Microsoft YaHei", "微軟雅黑";
良好習慣：最後補充字體族名。
font-family: Georgia, SimSun, "宋體", serif;
font-family: Arial, "Microsoft YaHei", "微軟雅黑", sans-serif;
注意：微軟雅黑屬非襯線，宋體屬襯線，聲明順序應與字體族一致（雖中文不嚴格區分）。

3. 照顧跨平台：Win / Mac / Linux 系統字體全覆蓋

目標：Win/Mac 用戶均獲最佳字體體驗。
font-family: Helvetica, Tahoma, Arial, STXihei, "華文細黑", "Microsoft YaHei", "微軟雅黑", sans-serif;
解析：
英文：Helvetica (Mac) → Tahoma (Win) → Arial (雙平台) → 系統默認 sans-serif。
中文：華文細黑 (Mac 默認) → 微軟雅黑 (Win 默認)。

4. 向下兼容：照顧 XP 用戶的生存法則

大量國內用戶仍用 XP（宋體為主力）。為微軟雅黑增加 fallback，同理 Mac 加黑體 fallback。
font-family: Helvetica, Tahoma, Arial, STXihei, "華文細黑", Heiti, "黑體", "Microsoft YaHei", "微軟雅黑", SimSun, "宋體", sans-serif;

進階避坑指南

引號可省略嗎？

中英文字體名無空格可不加引號，但為防極端環境解析異常，建議保留雙引號。

能否默認微軟雅黑？

理論上 Win 用戶佔多數應優先聲明微軟雅黑，但實測：
— 大量 Mac 用戶安裝 Win 常用字體（Office for Mac 功勞），Win 用戶幾乎不裝 Mac 字體。
→ 先聲明 Mac 字體幾乎不影響 Win 用戶，倒是 fallback 黑體可能搶佔微軟雅黑位置。
更保險順序：
Helvetica, Tahoma, Arial, STXihei, "華文細黑", "Microsoft YaHei", "微軟雅黑", SimSun, "宋體", Heiti, "黑體", sans-serif

個人觀點：微軟雅黑為史上最醜中文字體之一，非良性選擇，請照顧被 Mac 寵壞的用戶。（僅代表個人觀點）

實戰「萬無一失」方案

1. UA 判斷平台加載差異化字體聲明；
2. 正文預設宋體，標題/可放大處用微軟雅黑（針對 Win）；
3. Mac 下冬青體極佳但 10.6 以下無，謹慎評估用戶群或用華文黑體 fallback；
4. 不再爭論「美/醜」，主觀差異無意義，方法論才是核心。