摘要：body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

body { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

解释：

system-ui：现代浏览器使用系统默认无衬线字体。

-apple-system：macOS/iOS 使用 SF Pro。

BlinkMacSystemFont：Chrome 在 macOS 上的优化。

"Segoe UI"：Windows 默认字体。

Roboto：Android 默认字体。

"Helvetica Neue"、 Arial：更老系统或未安装前述字体的回退。

sans-serif：最终通用回退。

优点：

无需加载外部字体文件，页面加载速度最快。

自动适配客户端系统，保持一致的现代科技感。

在中文环境下，默认搭配系统自带的中文字体（如 Windows 的“微软雅黑”、macOS 的“PingFang SC”）。

来源：武信忠正