网页字体对照表

47 种常用中英文字体对照表：中文名、CSS family 名、类型、适用场景与说明。配 font-family 时查。

本地运行 · 数据不上传查询工具免费 · 无需注册

字体名	CSS family	类型	适用场景	说明

使用说明

搜字体名（微软雅黑）或类型（等宽、衬线）定位。
写 font-family 时按「目标字体 → 后备字体 → 通用族」的顺序排，最后一定要留 sans-serif / serif / monospace 兜底。
商用项目注意授权：思源黑体、Inter 等开源字体可免费商用，方正、汉仪等商业字体需要购买授权。

中文字体为什么建议只写两三个？

因为中文字体文件很大，动辄几 MB，候选字体多了浏览器不一定更好看，反而增加不确定性。常规写法是「微软雅黑、苹方、思源黑体、sans-serif」，让 Windows 用雅黑、苹果用苹方，其余回退到系统默认。

font-family 里为什么要加引号？

字体名含空格或与 CSS 关键字冲突时必须加引号，比如 'Microsoft YaHei'、'Times New Roman'。不加引号虽然很多浏览器也能识别，但遇到像 inherit、serif 这种名字就会被当成关键字，所以规范做法是一律加引号。

网页能用本地没有的字体吗？

不能直接依赖。用户电脑没装的字体就不会生效，会回退到后备字体。要保证效果就得用 @font-face 加载字体文件（建议 woff2 格式），但中文字体文件大，通常只做子集化，或用系统字体方案。

查询工具 · 该分类共 46 个工具，展开查看全部