font-family按顺序匹配字体，遇首个存在即停止；中文场景应按“系统首选→同类替代→系统泛用→通用族类”排序，如"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif，并确保引号、逗号、大小写正确。
font-family里写系统字体为什么总不生效
因为浏览器按顺序匹配字体，遇到第一个存在的就停，后面全忽略；而你写的“微软雅黑”在Mac或Linux上根本不存在，直接跳过，最后 fallback 到浏览器默认字体。
- Windows 常用：
"Microsoft YaHei"、"SimSun"（注意带引号，含空格必须引起来） - macOS 常用：
"PingFang SC"、"Helvetica Neue"、"Arial" - Linux 常用：
"Noto Sans CJK SC"、"WenQuanYi Micro Hei" - 通用兜底必须写：
system-ui（现代浏览器支持）或sans-serif（老浏览器保底）
font-family声明顺序怎么排才合理
顺序 = “首选字体 → 同类替代 → 系统级泛用 → 通用族类”，错位会导致跨平台显示断裂。比如把 sans-serif 放前面，等于放弃所有自定义字体控制权。
- 中文优先场景推荐写法：
font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif; - 避免混用中英专用字体，比如在英文段落里塞
"Microsoft YaHei"，它对拉丁字符渲染质量差，且触发字体回退 - 不要写
"Helvetica"单独出现——Mac 上是"Helvetica Neue"，iOS 是"San Francisco"，没引号或拼错就失效
font-family里加font-weight或font-style会生效吗
完全不会。font-family 只管选字体文件，粗细和倾斜由 font-weight 和 font-style 单独控制。强行塞进去（比如写成 "Helvetica Neue Bold"）反而让整个声明失效。
- 常见错误：
font-family: "Helvetica Neue Bold", sans-serif;→ 浏览器找不到这个完整字体名，跳过 - 正确做法：分开写
font-family: "Helvetica Neue", sans-serif;+font-weight: bold; - 某些字体家族自带变体（如
Inter），也要靠font-weight触发，不是靠名字里带“Bold”
使用system-ui有什么兼容性风险
system-ui 是现代方案，但 IE 完全不支持，iOS Safari 12.2+ 才开始稳定支持；用它时必须确保有可靠 fallback，否则老设备会降级到难看的默认字体。
立即学习“前端免费学习笔记（深入）”；
- 安全写法：
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -
-apple-system和BlinkMacSystemFont是历史别名，现在可省，但留着对旧 Chrome/Safari 更稳 - 别用
system-ui单独出现，也别把它放最后——它本意是“用系统默认无衬线体”，放在末尾等于白写
font-family 就静默失败，回退到浏览器默认。检查时别只看效果，要打开开发者工具的 computed 样式，盯住 font-family 实际解析结果。 
