notosans
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
覆盖最全、字重最连续的中文黑体。可变字体,一个文件覆盖 100–900。拿不准就用它。 来源 google/fonts ofl/notosanssc
这是一套装在本机、可以直接子集化内嵌进任何单文件 HTML 的中文字体。全部免费、可商用,绝大多数是 SIL 开放字体许可证。下面每一段中文都是页面里真正内嵌的字体在渲染,不依赖你机器上装了什么。
常见字体栈里排在最前的 Segoe UI 没有汉字字形,浏览器只能逐字回退:拉丁字母和数字用 Segoe UI,汉字用系统默认的中文字体。给标题指定 "Songti SC","SimSun" 就更糟——在 Windows 上落到 SimSun,大字号下又细又糊。同一段话,下面三种写法:前两种取决于读者机器上装了什么,第三种是随页面下载的子集,在哪台机器上都一样。
中文 English 混排 2026 年,第 3 季度
西文来自 Segoe UI,汉字来自系统默认中文字体——两套设计拼在一句话里。换一台机器,汉字那部分就换一副面孔。中文 English 混排 2026 年,第 3 季度
macOS 上是宋体,Windows 上落到 SimSun。SimSun 是为小字号点阵屏设计的,放大到标题尺寸笔画又细又断。中文 English 混排 2026 年,第 3 季度
中西文出自同一套设计,字体随页面一起下载,不依赖读者机器。这一页 21 个字体族的子集加起来只有 1.4 MB。正文和界面的主力。中文网页 90% 的文字应该落在这一组里。
notosans
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
覆盖最全、字重最连续的中文黑体。可变字体,一个文件覆盖 100–900。拿不准就用它。 来源 google/fonts ofl/notosanssc
sarasa
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
思源黑体 + Inter 的合成体,汉字与拉丁字母行高、重心严格对齐。中英夹杂的正文首选。 来源 be5invis/Sarasa-Gothic
chilldin
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
拉丁部分是德国工业标准 DIN,中文部分基于思源黑体调窄。数字辨识度极高,做数据页面的第一选择。 来源 Warren2060/ChillDIN-ChillDINGothic
正式感与阅读感的来源。标题用重字重,正文用 400。
notoserif
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
唯一一款字重齐全、覆盖完整的开源中文宋体。可变字体 200–900,重字重当标题非常稳。 来源 google/fonts ofl/notoserifsc
长文和引文的专用体裁。楷体读长文比黑体省力,仿宋是中文公文的既定语汇。
wenkai
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
开源中文字体里质量最高的楷体。长篇中文正文用它比任何黑体都好读,也是唯一适合排书的免费楷体。 来源 lxgw/LxgwWenKai
wenkaiscreen
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
文楷的屏显优化版,西文改成准比例,中英混排的间距比原版舒服。网页优先用这个版本。 来源 lxgw/LxgwWenKai-Screen
zhuque
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
少见的开源仿宋。引文、批注、公文体裁用它一眼就对;技术预览版,生僻字覆盖有限。 来源 TrionesType/zhuque
代码、终端、表格数字。中文占两格西文占一格,对齐才不会散。
sarasamono
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
汉字正好等于两个西文字符宽,表格和终端里中英对齐不会错位。 来源 be5invis/Sarasa-Gothic
maple
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
圆角等宽 + 连字(=> != <=),带完整中文。写带中文注释的代码最好看的一款。 来源 subframe7536/maple-font
只用于大字号。40px 以下这些字体全部会变糊、变吵。
glow
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
思源黑体的几何化改造,字面更大、开口更闭合。比思源黑体更「设计感」的标题字。 来源 welai/glow-sans
glowcond
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
同一套骨架的窄体。长中文标题要压进一行时用它,比强行 letter-spacing 干净得多。 来源 welai/glow-sans
smiley
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
只有一个倾斜字重,压缩、锐利、张力很强。80px 以上才出效果,绝不要拿来排正文。 来源 atelier-anchor/smiley-sans
maoken
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
笔画末端带斜切,像旧招牌和老包装上的字。用在需要一点年代感的标题上。 来源 maoken-fonts/MaokenAssortedSans
zcoolkuaile
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
圆头笔画,儿童 / 活动 / 促销类标题。字数少时最好,成段会显得吵。 来源 google/fonts ofl/zcoolkuaile
zcoolxiaowei
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
细挑、带宋体骨的标题字。文艺、女性向、茶饮类内容很合适。 来源 google/fonts ofl/zcoolxiaowei
huangyou
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
厚、圆、饱满,食品与消费品标题的常用脸。和细字重正文对比强烈。 来源 google/fonts ofl/zcoolqingkehuangyou
点缀用。一行以内、字号 32px 以上,否则不可读。
mashanzheng
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
工整的毛笔楷书,节庆、传统题材标题。只做标题,字号别小于 32px。 来源 google/fonts ofl/mashanzheng
zhimangxing
汉字排版之美
春江潮水连海平,海上明月共潮生
字体不是装饰。它决定一段文字读起来是快还是慢,是可信还是随意。选对了,读者不会注意到它;选错了,读者只会注意到它。
ABCDEFG abcdefg 0123456789 1,280.50 12.5%
行书,比楷书洒脱、比草书可读。题词、签名式落款。 来源 google/fonts ofl/zhimangxing
同一段文字、同一组数字,换九种标题+正文的搭配。挑一组直接用,不用自己试。
库里带一个 cnfont.py。它读出 HTML 里出现过的全部字符,按这个字符集把字体切成子集,转成 WOFF2,以 data URI 写进 @font-face,最后回验子集的 cmap 覆盖了页面上每一个字——少一个字就报错退出。
# 看看库里有什么
python cnfont.py list
# 检查某个字体能不能覆盖这一页的字
python cnfont.py check notosans,smiley --from-html page.html
# 把两个字体族内嵌进页面,输出单文件 HTML
python cnfont.py embed page.html -o out.html --fonts notosans,wenkaiscreen
# 只要 CSS(@font-face + data URI)
python cnfont.py css notoserif --from-html page.html -o fonts.css
三条经验:可变字体用 format('woff2-variations') 配 font-weight:100 900,一个文件覆盖全部字重;字符集要取整个 HTML 文件的字符全集,包括 script 里会进 DOM 的字符串;内嵌完一定要回验子集的 cmap,别信构建日志。
除霞鹜新晰黑(IPA 字体许可证)外,全部可以自由子集化、内嵌、商用。SIL OFL 唯一的硬约束是:不能单独售卖字体本身,衍生字体不能沿用保留字体名。未来荧黑是 MIT。许可证原文都存在库的 licenses/ 目录里。
| 中文名 | 英文名 | key | 许可证 | 文件 | MB | 来源 |
|---|---|---|---|---|---|---|
| 思源黑体 | Noto Sans SC | notosans | OFL-1.1 | 1 | 17.8 | google/fonts ofl/notosanssc |
| 思源宋体 | Noto Serif SC | notoserif | OFL-1.1 | 1 | 25.1 | google/fonts ofl/notoserifsc |
| 更纱黑体 | Sarasa Gothic SC | sarasa | OFL-1.1 | 5 | 66.1 | be5invis/Sarasa-Gothic |
| 等距更纱黑体 | Sarasa Mono SC | sarasamono | OFL-1.1 | 3 | 42.7 | be5invis/Sarasa-Gothic |
| Maple Mono CN | Maple Mono CN | maple | OFL-1.1 | 4 | 74.7 | subframe7536/maple-font |
| 未来荧黑 | Glow Sans SC | glow | MIT | 5 | 45.9 | welai/glow-sans |
| 未来荧黑 压缩 | Glow Sans SC Condensed | glowcond | MIT | 4 | 36.1 | welai/glow-sans |
| 寒蝉德黑体 | ChillDIN Gothic | chilldin | OFL-1.1 | 1 | 24.9 | Warren2060/ChillDIN-ChillDINGothic |
| 得意黑 | Smiley Sans | smiley | OFL-1.1 | 1 | 2.6 | atelier-anchor/smiley-sans |
| 猫啃什锦黑 | Maoken Assorted Sans | maoken | OFL-1.1 | 1 | 10.8 | maoken-fonts/MaokenAssortedSans |
| 霞鹜文楷 | LXGW WenKai | wenkai | OFL-1.1 | 3 | 79.3 | lxgw/LxgwWenKai |
| 霞鹜文楷 屏幕阅读版 | LXGW WenKai Screen | wenkaiscreen | OFL-1.1 | 1 | 25.7 | lxgw/LxgwWenKai-Screen |
| 朱雀仿宋 | Zhuque Fangsong | zhuque | OFL-1.1 | 1 | 8.8 | TrionesType/zhuque |
| 站酷快乐体 | ZCOOL KuaiLe | zcoolkuaile | OFL-1.1 | 1 | 1.5 | google/fonts ofl/zcoolkuaile |
| 站酷小薇体 | ZCOOL XiaoWei | zcoolxiaowei | OFL-1.1 | 1 | 6.3 | google/fonts ofl/zcoolxiaowei |
| 站酷庆科黄油体 | ZCOOL QingKe HuangYou | huangyou | OFL-1.1 | 1 | 8.3 | google/fonts ofl/zcoolqingkehuangyou |
| 马善政毛笔楷书 | Ma Shan Zheng | mashanzheng | OFL-1.1 | 1 | 5.9 | google/fonts ofl/mashanzheng |
| 钟齐志莽行书 | Zhi Mang Xing | zhimangxing | OFL-1.1 | 1 | 4.1 | google/fonts ofl/zhimangxing |