多语种网页 简、繁、英网站，字体该如何定义？
做简体中文、繁体中文、英文三语网页时，字体定义需要特别讲究兼容性、风格统一性、加载性能。
通常推荐采用**“字体族（Font Family Stack）”**的方式来定义，核心要点是：
语言对应不同默认字体，自动切换
尽量优先使用系统字体（提高加载速度）
兼顾视觉风格统一（特别是字号、笔画粗细感）
📕 基础规则：
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, "Noto Sans TC", "Noto Sans SC", sans-serif;
🔍 解释：
| 顺序 | 作用 | 举例 |
|---|---|---|
-apple-system, BlinkMacSystemFont | 苹果与Chrome系统默认字体，英文及界面字最佳 | iOS, macOS |
Segoe UI | Windows 英文系统默认字体 | Windows 10/11 |
PingFang SC | 苹果系统简体中文默认字体 | iPhone, Mac 简中系统 |
Microsoft YaHei | Windows 简体中文默认字体 | Win10+ |
Helvetica Neue, Helvetica, Arial | 英文备用字体 | 跨平台兼容 |
Noto Sans TC | 谷歌繁体中文字体（台湾优选） | Android, Chrome |
Noto Sans SC | 谷歌简体中文字体（备用） | Android 中文环境 |
sans-serif | 最后保险，防止字体丢失 | 通用无衬线字体 |
📕 简繁英页面，具体小技巧：
字号调优
简中、繁中建议设置稍大一点，比如font-size: 16px–18px；英文可以适当略小但保持行高一致 (line-height: 1.5–1.6)。字重统一
建议设置统一字重，比如常规文字用font-weight: 400，标题用600–700。尤其是简繁切换时，字体笔画厚薄差异不要太大。避免小众字体加载压力
不要强制使用非系统字体（比如“华康字体、文鼎字体”等商业字体）——多语种网页首屏速度会严重受影响。多语言 font-family 可微调（更专业做法）
用语言标签<html lang=\"zh-CN\">,<html lang=\"zh-TW\">,<html lang=\"en\">分别挂不同字体栈，细化兼容。\n\n示例：\ncss\nhtml[lang=\"zh-CN\"] {\n font-family: \"PingFang SC\", \"Microsoft YaHei\", sans-serif;\n}\n\nhtml[lang=\"zh-TW\"] {\n font-family: \"Noto Sans TC\", \"Microsoft JhengHei\", sans-serif;\n}\n\nhtml[lang=\"en\"] {\n font-family: \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;\n}\n
📕 补充：如果想再高阶一点
可以引入 Google Fonts 的 Noto Family（Noto Sans SC、TC、Noto Sans），全球加载速度也不错。
字体压缩格式统一为 woff2，比 ttf、otf 小 30%-50%。