一次字体侵权警告之后，我把所有项目换成了思源宋体CN

一次字体侵权警告之后，我把所有项目换成了思源宋体CN

【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf

上个月，朋友的公司收到一封字体维权函——网站上一款标着"免费"的字体，被版权方要求补缴数万元授权费。这件事给我敲了警钟：中文设计圈里，关于免费字体的坑远比想象中多。也是从那天起，我把手头所有项目的字体方案统一换成了思源宋体CN（Source Han Serif CN），一款由 Adobe 与 Google 联合开源、免费可商用、自带完整 7 种字重的简体中文字体。这篇文章就把我踩过的坑、验证过的用法，原原本本分享给你。

先别急着下载，搞清楚它凭什么能"免费商用"

市面上打着免费旗号的字体很多，但"能免费商用"和"能放心商用"完全是两回事。思源宋体CN之所以值得托付，只看三点就够了：

1. 授权协议干净：采用 SIL 开源字体许可证 1.1 版本，个人作品和商业项目都能免费使用、修改、再分发，唯一底线是别把字体单独拿来卖钱、别去掉版权声明。
2. 字重体系完整：从超细到特粗整整 7 档，做设计最怕"字重不够用"，它直接给你配齐了。
3. 官方出品品质稳：Adobe 专业字体团队主导设计，笔画规范统一，且针对简体中文做了专门优化，国内用户阅读体验明显优于通用宋体。

说白了，选它等于同时拿到了"授权安全"和"视觉质量"两张底牌。还在担心字体版权合规的朋友，可以先把心放回肚子里。

7 种字重怎么用？一张表帮你对号入座

很多新手拿到字体包就懵了：这么多文件，到底该用哪个？其实每一档字重都有它最适合的舞台，对应关系如下：

为什么"字重全"这么关键？因为一套设计必须有清晰的视觉层级，而字重就是最直接的层级工具。以前我用某款免费字体，只有常规和粗体两档，标题想做"轻"一点只能靠缩小字号硬撑，层次感全无。有了这 7 档，从轻盈到厚重随手切换，设计表达的空间立刻打开了。

获取与安装：三分钟让字体全线可用

获取这套字体的方式很简单，在终端执行一行命令即可：

git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf

克隆完成后，简体中文专用字体都在SubsetTTF/CN/目录下，就是上面表格里那 7 个 TTF 文件，跨平台通用。接下来按你的系统装进电脑：

Windows：双击任意 .ttf 文件 → 点击"安装"→ 等待完成即可。

macOS：打开"字体册"应用 → 把 7 个文件一起拖进去 → 自动完成安装。

Linux：复制到用户字体目录并刷新缓存：

mkdir -p ~/.local/share/fonts/ cp SubsetTTF/CN/*.ttf ~/.local/share/fonts/ fc-cache -fv

装好后，在设计软件或代码里就能直接按字体名 "Source Han Serif CN" 调用了。

实战一：给网站换上思源宋体CN（网页项目）

对网页设计师来说，第一道关是让字体在浏览器里稳定生效。推荐用@font-face声明，并把每个字重正确映射到对应的 font-weight，比如：

@font-face { font-family: 'Source Han Serif CN'; src: url('fonts/SourceHanSerifCN-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; } @font-face { font-family: 'Source Han Serif CN'; src: url('fonts/SourceHanSerifCN-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }

写 CSS 时给它配一条合理的字体回退链，万一字体没加载成功也有兜底：

font-family: 'Source Han Serif CN', 'Noto Serif SC', serif;

再给你一套可以直接抄的正文配置：字号 16px（移动端 14px）、行高 1.7 倍、字距 normal。font-display: swap务必保留，它能让文字先以系统字体显示、字体加载完再替换，避免页面出现一片空白的 FOIT 问题。标题层级的字重搭配也顺手给到：H1 用 Bold 加 28–32px，H2 用 SemiBold 加 22–24px，H3 用 Medium 加 18–20px，层次立刻分明。

实战二：移动端与印刷品的字重搭配

网页之外，这套字体的多字重优势在 App 和印刷品上同样好用，核心心法就一句：越重要的信息，字重越重，字号越大。

移动端 App 里，你可以这样分配：设置项和辅助文字用 Light（12–14pt），正文用 Regular（15–16pt），按钮和强调用 SemiBold（16–17pt）。启动页想做高级感？主标题直接上 ExtraLight 超大字号，配合 Light 副标题，那种轻盈的质感一下就出来了。

印刷品方面，书籍正文常规做法是 Regular 配 10.5–12pt 字号、1.5 倍行距；宣传册正文用 Medium 增强印刷可读性，标题用 Bold 抓眼球，引用段落换 Light 形成层次；到了海报环节就放开手脚，主标题上 Heavy，副标题退到 Bold，说明文字回 Regular，从远到近层层递进。

避坑指南：版权、体积与跨平台显示

误区一：开源就等于随便用。不完全是。思源宋体CN允许商用和修改，但分发时别把字体改个名当成自己的产品卖，也别在作品里删掉 Adobe 的版权声明。正规项目里留一行致谢是既礼貌又稳妥的做法，例如：本产品使用思源宋体CN，版权所有 © 2014-2021 Adobe Systems Incorporated，依据 SIL 开源字体许可证 1.1 版本分发。

误区二：字体文件太大，怕拖慢网站。这确实要重视。一套 TTF 全塞进去页面会变重，建议：只加载页面实际用到的字重；用字体子集化工具按需提取字符；给字体文件设置长期缓存；服务器开启 Gzip/Brotli 压缩。实测这几步做完，加载体积能降一个量级。

误区三：Windows 上看着挺好，Mac 上怎么就发虚了？这是系统渲染机制差异导致的。试试在 CSS 里加这几行，让两种系统下的显示都更细腻：

-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;

改完记得在主流浏览器和不同系统上都过一遍，确认最终效果。

进阶玩法：字体搭配与加载性能优化

想让作品更出彩，可以给思源宋体CN配一个合适的英文伴侣字体：走现代科技风，搭配 SF Pro Display；走传统优雅风，搭配 Palatino；做学术论文或研究报告，Times New Roman 是稳妥之选。中文用宋体、西文用衬线或无衬线搭配，整体气质会立刻上一个台阶。

加载性能上，对首屏必须出现的字体加上预加载提示，非关键字体延迟加载，再配合前面说的子集化，基本就做到了又快又稳：

<link rel="preload" href="fonts/SourceHanSerifCN-Regular.ttf" as="font" type="font/ttf" crossorigin>

如果团队长期使用这套字体，建议把它沉淀成设计系统：先定义每个字重的使用场景和字号层级，再整理成一份样式指南文档，统一文件版本、建立更新机制，最后定期在跨平台设备上抽查显示效果。这样一套规范下来，整个团队的视觉输出都能保持一致。

别犹豫了，下一个项目就用它

从授权安全到字重完整，从网页到印刷，思源宋体CN几乎覆盖了中文设计的所有高频场景，而且一分钱不用花。现在就做三件事：克隆仓库拿到 7 个字体文件 → 按系统装好 → 在你手头最近的一个项目里试试它。等你真正上手，就会明白"免费且专业"这四个字在字体界有多难得。如果你在用的过程中发现了新的搭配技巧，欢迎回来分享，让这套优秀的中文开源字体被更多人用起来。

【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf