CSS font-family 何時需加引號？

規則

字體名稱包含**空格、逗號、數字開頭、關鍵字**（如 `inherit`、`serif`）時，**必須加引號**（單雙引號均可）。

示例

font-family: 'Microsoft YaHei', 'Hiragino Sans GB', Helvetica, Arial, 'Lucida Grande', sans-serif;

• `Microsoft YaHei`（含空格）→ 加引號。
• `Hiragino Sans GB`（含空格）→ 加引號。
• `Helvetica`、`Arial`、`sans-serif`（單詞、關鍵字）→ 可不加。

為何？

瀏覽器以逗號分隔字體列表。若字體名內含逗號或空格不加引號，解析器會誤判為多個字體名。例如 `font-family: heiti, songti;` 會被解析為兩個字體；若實際字體名為 `"heiti, songti"` 則必須寫 `font-family: "heiti, songti";`。

最佳實踐

**統一為所有字體名加引號**，避免記憶規則、防止拼寫錯誤，壓縮工具也會保留引號。