CSS字体font-family怎么正确选择？字体选择方案
由于设计稿和平台不同，制作时有时无法还原设计稿，理清各平台字体区别有助于做最佳选择。本文用问答对话形式，讲清 CSS 字体 font-family 的选择思路。
站长问： 我在写 CSS，font-family 字体怎么选才能在各平台显示一致？
技术答： 这是常见问题：不同操作系统/平台的默认字体不同，设计稿和实际显示可能不一致。思路是：在 font-family 里按优先级列出多个字体，从你最想要的中文字体到系统回退字体，让各平台都能显示合适的字体。
站长问： 具体怎么理解？
技术答： 思路是：理解不同平台（Windows、Mac、手机等）的字体差异，把字体列表写成"目标字体在前、通用回退在后"，浏览器会按可用性依次选择。这样各平台都有可显示的字体。
站长问： 要注意什么？
技术答： 一是字体列表顺序很重要；二是考虑中英文分别用什么；三是测试不同平台的效果，必要时用 Web 字体。
更新时间：2026-08-28 00:10:43
上一篇：织梦后台出现502 Bad Gateway怎么办？后台502修复思路