仅设 -apple-system 无法跨平台统一字体，Windows/Linux 会回退至 Times New Roman；正确写法需分层排序：-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "PingFang SC", "Microsoft YaHei", sans-serif。
直接结论：仅设 -apple-system 不但不能统一字体，反而会让 Windows 和 Linux 用户看到 Times New Roman 或其他意外字体。 它只是 macOS/iOS 的系统字体别名，不是跨平台解决方案。
为什么 -apple-system 单独用会出问题
这个关键字只在 WebKit/Blink 内核（Safari、Chrome、Edge）的 Apple 设备上有效，指向 San Francisco 字体。Windows 下它被完全忽略，浏览器立刻跳到下一个声明；若后面没接 Windows 友好字体（如 "Segoe UI"），就会一路回退到 serif 或浏览器默认——常见结果就是 Times New Roman 突然出现。
- 错误写法：
font-family: -apple-system;→ Windows/Linux 全部失效 - 正确思路：把它当作“macOS 优先项”，必须搭配其他平台的对应字体，并以
sans-serif收尾
怎样写才真正跨浏览器生效
关键不是堆砌字体名，而是按平台兼容性分层排序，让每个系统都拿到最匹配的本地字体：
- macOS/iOS：靠前放
-apple-system和BlinkMacSystemFont - Windows：紧接
"Segoe UI"（Win10+）、"Helvetica Neue"（旧 Win）、Arial（兜底） - Linux/Android：加
Ubuntu、Cantarell、Roboto - 中文环境：在英文链之后、
sans-serif之前插入"PingFang SC"、"Microsoft YaHei"等
推荐完整写法：font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "PingFang SC", "Microsoft YaHei", sans-serif;
Manage Apple Notes
下载
使用 inotes CLI 从终端管理 Apple Notes。当需要在 macOS 的 Notes.app 中列出、读取、创建、编辑、删除或搜索备忘录时使用。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的细节：引号、顺序、继承
三个实操陷阱常导致你写了却没生效：
-
"PingFang SC"必须加英文双引号，漏掉就变成两个独立字体名PingFang和SC，全部无效 - 表单控件（
input、textarea、button）默认不继承body的font-family，需单独重置：input, textarea, button { font-family: inherit; } - 第三方组件库（如 Element Plus）可能用高优先级规则覆盖你的设置，建议在引入库 CSS 后，再加载自定义字体样式，或用更具体选择器（如
body, .el-input__inner）强制应用
验证是否真生效了
别只看 Chrome/macOS，打开开发者工具的「Computed」面板，逐个检查目标元素的 font-family 值来源。重点确认：
- 在 Windows Chrome 中，最终生效的是
"Segoe UI"而不是Times New Roman - 在 Safari iOS 模拟器里，看到的是
-apple-system对应的 San Francisco - 禁用网络后刷新，仍能显示合理字体（说明回退链完整，没依赖 Web Font）
真正麻烦的从来不是写对一行 font-family，而是每多一个平台、每加一个组件库、每遇到一种表单控件，都要重新检查继承链是否断裂——这没法一劳永逸，只能层层验证。
