从零到一接入思源宋体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联合打造的开源字体，仓库里躺着一份现成的TTF格式包，7个字重从超细到特粗一应俱全，商用、印刷、嵌入全免费。他当晚就把页面换上了新字体。这篇文章，就把当时带他走完的完整流程原样复盘给你。

动手之前先谈钱：OFL协议的红线与绿灯

很多教程把授权放在最后，我不。先搞清楚能用什么、不能干什么，再花力气安装，这是最省时间的姿势。思源宋体CN采用SIL开源字体许可（OFL 1.1），整体对商业使用极其友好，但仍有几条规矩：

✅ 随便用：

• 放进公司官网、电商页面、印刷品，一分钱不用付；
• 嵌入App、电子书、小程序，随产品一起发布；
• 基于它修改字形、生成衍生字体，只要沿用同样的OFL许可分发；
• 和你的软件打包在一起二次分发。

❌ 别碰的雷区：

• 把字体文件单独拎出来卖钱；
• 改完字型后换成闭源许可偷偷发布；
• 在衍生字体上继续挂"Source Han Serif CN"这个保留名称；
• 拿Adobe或Google的名头给衍生品做背书。

顺带一个好习惯：项目里放一份LICENSE.txt（仓库根目录就有），或者在页面底部加一行版权注释，上线后省得解释半天。

先把字体搬回家：克隆仓库与三系统安装

环境准备不复杂，核心就两步：拿到文件、告诉系统"我这儿有新字体"。

第一步，克隆仓库（这段做了什么：把字体包整个下载到本地）：

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

第二步，把字体安装进系统。Windows用户直接双击ttf文件，在预览窗口点"安装"；想一次装齐全部字重，就全选文件右键选"为所有用户安装"。macOS用户更省事，打开"字体册"，把7个文件拖进窗口即可，系统自动校验。

Linux没有统一图形入口，走命令行（这段做了什么：复制到用户字体目录并重建缓存，让系统立刻识别）：

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

装完顺手验证一下（这段做了什么：列出已注册的中文字体，确认7条记录都在）：

fc-list | grep -i "Han Serif"

七件家伙什儿逐个摸底：文件从哪来、各自顶什么用

打开SubsetTTF/CN/目录，你会看到7个ttf文件——它们共用同一套字形设计，差别只在笔画粗细。选字重就像下厨配菜，先摸清每样食材的脾气，才知道该往哪个菜里放。下面这张表按"粗细档位、适合字号、最佳站位"三个维度给你理清楚：

记住一条朴素的规律：字号越大，越需要细字重来保留细节；字号越大，也越需要粗字重撑住气场。日常正文就交给Regular，标题按层级往上加粗，基本不会出错。

下厨配菜：三套不踩雷的字重组合

单个字重看不出口味，搭起来才有味道。给你三套可以直接抄的搭配：

套餐一：书房读物风。正文Regular，标题SemiBold，行高放到1.6~1.8。公众号长文、博客、电子书都适用，读一小时不累眼。

套餐二：商务提案风。正文Regular，关键数据用Medium提个神，大标题上Bold。公司官网、产品文档、汇报PPT用这套，层次清楚不花哨。

套餐三：舞台聚光风。全程只用Heavy，配合大面积留白，字少、字大、对比强。活动海报、品牌封面、落地页首屏的标配。

⚠️ 新手最容易犯的错是"全都要"：一页塞进四五个字重，视觉立刻乱成一锅粥。铁律就一条——单页最多三个字重，层次靠字号和粗细两个维度共同拉开。

网页上架：声明、应用、提速三步走

网页是字体最高频的使用场景，TTF格式对浏览器兼容性极好，几乎不用转格式。先在项目里建个fonts/目录，把用到的ttf放进去。

声明字体（这段做了什么：告诉浏览器字体文件在哪、对应哪个字重）：

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

应用到页面（这段做了什么：正文、标题分别挂上字体并设定字号与行距）：

body { font-family: 'Han Serif CN', 'Noto Serif SC', serif; line-height: 1.6; } h1 { font-weight: 700; font-size: clamp(2rem, 5vw, 3rem); }

进阶提速，三个小动作让加载不拖后腿：

• 页面用几个字重就声明几个@font-face，别一股脑全引入；
• 用pyftsubset这类子集化工具，只保留页面实际出现的字符，几MB的文件能砍到十分之一；
• 静态资源配合preload预加载字体，再给fonts/目录设上长缓存，二次访问几乎零成本。

翻车现场复盘：四个高频问题

页面半天不出字？先确认服务器开了压缩，再看CSS里有没有写font-display: swap——这个属性让文字先用回退字体显示，字体就绪后再无缝替换，用户基本感知不到等待。

同一段文字，不同设备显示不一样？多半是字体没装全或回退链没写对。字体栈末尾一定要留通用兜底（如serif），再在主流浏览器各测一遍。

打印出来发虚看不清？在打印媒体样式里给正文升一级字重，同时检查打印机是否误开了草稿/灰度模式。

软件里明明装了却找不到？常见原因是安装时勾了"仅当前用户"，而设计软件正以管理员身份运行。重新用管理员身份装一遍，或手动刷新软件字体列表即可。

收尾：照着这份清单动手吧

理论讲再多，不如上手点两下。按下面六步走，半小时内你的项目就能用上思源宋体CN：

1. 执行git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf拉取仓库；
2. 打开SubsetTTF/CN/，确认7个字重文件齐全；
3. 按系统完成安装（Linux记得跑fc-cache -fv刷新缓存）；
4. 正文用Regular、标题用Bold或SemiBold，先搭出第一版排版；
5. 网页项目按上文CSS接入，再做子集化与缓存优化；
6. 随项目附上LICENSE.txt或版权注释，安心上线。

思源宋体CN最难得的，是把"印刷级的专业质感"和"零成本放心商用"同时做到了。不用为授权纠结，不用在格式上折腾——下载、安装、应用，三步走完，你的中文排版立刻上一个台阶。现在就去试试吧，等你的页面换上它，你会回来谢我的。

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