如何设置CSS中_font-family主字体及备用字体方案？

本文共计1054个文字，预计阅读时间需要5分钟。

在不添加引号时，浏览器只会识别第一个单词，例如写 `font-family:`，浏览器实际上只读取了 `font-family`，后面的内容被忽略——这是最常见的漏洞之一。

以下情况必须加引号：

• 字体名含空格（如 "Times New Roman"、"Courier New"）
• 字体名含连字符（如 "Segoe UI"、"Source Code Pro"）
• 使用中文系统字体（如 "Microsoft YaHei"、"PingFang SC"、"Noto Sans CJK SC"）
• 自定义 @font-face 中声明的 font-family 名（哪怕没空格，也建议统一加引号避免歧义）

为什么“sans-serif”前面不能写逗号，但后面要跟它

备用字体策略的核心是「降级链」：从具体到泛化。写成 font-family: "Helvetica Neue", Arial, sans-serif; 是对的；写成 font-family: "Helvetica Neue", Arial, , sans-serif;（中间多一个逗号）会导致整个声明失效——浏览器遇到空项直接丢弃整条 font-family 声明。