首页Home › CSS 生成器CSS Generators
🔤 网页常用中文字体 font-family 对照Chinese Web Font Family Reference
网页常用中英文字体的 font-family 名称对照:Windows、macOS、Office 和开源字体(微软雅黑、苹方、思源黑体等)的中文名与 CSS 英文名,实时预览并检测你的电脑是否安装,勾选即可生成兼容各平台的 font-family 字体栈。CSS font-family names for common Chinese and Latin web fonts on Windows, macOS, Office and open source (Microsoft YaHei, PingFang, Source Han Sans…): live preview, detection of which ones your device has, and a cross-platform font stack builder.
使用说明与常见问题How-to & FAQ
「网页常用中文字体 font-family 对照」是什么?What is the Chinese Web Font Family Reference tool?
网页常用中英文字体的 font-family 名称对照:Windows、macOS、Office 和开源字体(微软雅黑、苹方、思源黑体等)的中文名与 CSS 英文名,实时预览并检测你的电脑是否安装,勾选即可生成兼容各平台的 font-family 字体栈。CSS font-family names for common Chinese and Latin web fonts on Windows, macOS, Office and open source (Microsoft YaHei, PingFang, Source Han Sans…): live preview, detection of which ones your device has, and a cross-platform font stack builder.
如何使用「网页常用中文字体 font-family 对照」?How do I use the Chinese Web Font Family Reference?
修改预览文字和字号,表格中每种字体都会用它本身渲染;「本机」一列显示当前设备是否安装了该字体。勾选需要的字体(按勾选顺序)生成 font-family,或直接使用推荐字体栈。点击 CSS 名称可复制。Edit the preview text and size; each font row renders in that font, and the “This device” column shows whether it is installed. Tick fonts (in order) to build a font-family stack, or use a recommended stack. Click a CSS name to copy it.
font-family 里写中文名还是英文名?Chinese or English names in font-family?
建议写英文名(如 "Microsoft YaHei" 而不是「微软雅黑」)。部分浏览器和系统只识别其中一种,英文名兼容性更好;带空格或非字母字符的名称要加引号。Use the English name (“Microsoft YaHei” rather than 微软雅黑): some browsers and systems only recognise one form and the English one is safer. Quote names containing spaces or non-letters.
字体栈的顺序应该怎么排?How should I order a font stack?
一般先写西文字体(让英文和数字使用更合适的字形),再写各平台的中文字体(macOS 的苹方在前,Windows 的微软雅黑在后),最后写通用族名 sans-serif 或 serif 兜底。Usually Latin fonts first (so letters and digits use better glyphs), then Chinese fonts per platform (PingFang for macOS, then Microsoft YaHei for Windows), ending with a generic family like sans-serif or serif.
商用网站可以直接用这些字体吗?Can I use these fonts commercially?
font-family 只调用访客电脑上已有的字体,不涉及分发。如果要用 @font-face 把字体文件放到网站上,必须确认授权:思源、Noto、霞鹜文楷、站酷快乐体、MiSans、鸿蒙字体等可免费商用(以各自许可为准),微软雅黑、苹方等系统字体不能自行分发。font-family only uses fonts already on the visitor’s device. Serving font files with @font-face needs a licence: Source Han, Noto, LXGW WenKai, ZCOOL KuaiLe, MiSans and HarmonyOS Sans allow free commercial use under their own terms, while system fonts like Microsoft YaHei and PingFang may not be redistributed.
「网页常用中文字体 font-family 对照」免费吗?数据会上传吗?Is the Chinese Web Font Family Reference free? Is my data uploaded?
「网页常用中文字体 font-family 对照」完全免费,无需注册或安装,手机和电脑都能用;所有处理都在你的浏览器本地完成,输入的内容和文件不会上传到服务器。The Chinese Web Font Family Reference is completely free with no sign-up or install and works on phones and desktops; everything runs locally in your browser and nothing you enter is uploaded.