企业官网建设流程全解析

思源宋体免费商用指南：7个字重一次打包，中文字体难题这样解

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

上线前一周，设计师突然发现项目里那款宋体没有商用授权：要么重做所有界面，要么掏一年几万块的授权费。最后救场的，是思源宋体（Source Han Serif）——一款由 Adobe 与 Google 联合打造的开源中文字体，完全免费、允许商用，网页、App、印刷都能放心用。这个仓库还把它转成了对网页更友好的 TTF 格式，并单独打包出大陆简体版，7 个字重一次给全。

一句话说清：这到底是个什么字体

你可以把它想象成中文字体界的"公共图书馆"：一套精心设计的好书免费摆在馆里，谁都能借、谁都能用，甚至允许你拿回去做笔记、改编。思源宋体就是这个逻辑——由 Adobe 和 Google 两家公司掏钱做出来，再以开源许可开放给所有人。

其中有个技术细节值得单独说：字体有 OTF、TTF 等格式，而 TTF 在构建网页字体（Web Font）时兼容性最好、最省事。这个仓库做的正是这件事——把官方字体转成 TTF，并按照中国大陆的用字习惯切出简体子集，放在SubsetTTF/CN目录下，下载即用，不用你再自己折腾转换。

为什么值得一试：4 个让我不再折腾字体的理由

① 免费，而且能商用，白纸黑字写清楚。它采用 SIL Open Font License（OFL）协议：你可以自由使用、嵌入软件、修改，甚至随产品一起分发，唯一的要求是不能把字体文件本身单独拿来卖钱。对个人和公司来说，这条授权边界足够清晰。

② 7 个字重一次配齐，不用东拼西凑。从 ExtraLight（250）到 Heavy（900），正文、标题、封面、海报全都能在同一套字体里解决，视觉风格天然统一。

③ TTF 格式，天生为网页而生。做前端的同学都知道，字体格式兼容性有多折腾。TTF 直接就能接进@font-face，省掉格式转换的环节。

④ 简体中文版开箱即用。不必从庞大的全语言字体里手动挑字形，SubsetTTF/CN里的文件就是为简体场景准备的，文件更小、加载更快。

最快的上手方式：10 分钟从下载到用上

第一步，把仓库拉到本地：

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

第二步，把这里的 7 个.ttf文件装进系统。Windows 和 macOS 直接双击字体文件点"安装"即可；Linux 用户执行：

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

第三步，在 Word、设计软件或代码里，字体名选Source Han Serif CN，完事。如果你在做网页，加一小段 CSS 就能全局生效：

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

整个过程确实用不了 10 分钟。

进阶与巧用：两个提升体验的小技巧

技巧一：按字重分开加载，页面更快。7 个文件全部打包会拖慢首屏。更聪明的做法是只加载正文需要的 Regular，标题用的 Bold 等用户滚动到附近再加载。配合font-display: swap，即使字体没就位，页面也会先用系统字体占位，用户几乎察觉不到等待。

技巧二：把 7 个字重当成一套"排版系统"来用。固定好对应关系，全团队就不会乱：正文用 Regular，次级标题用 SemiBold，大标题用 Bold，海报主视觉用 Heavy。下表就是一份可以直接抄的对应关系：

真实落地场景：两个普通团队的故事

场景一：独立杂志的内刊排版。一个五人的内容工作室接了一本企业内刊，预算里根本没有字体授权这一项。他们把思源宋体装进排版软件：正文用 Regular 配 1.7 倍行高，标题用 Bold，封面用 Heavy 压住视觉重心。整本刊物做完，字体花费为零，打印样张的效果和商业字体几乎没有差别。

场景二：SaaS 产品的官网改版。一个做项目管理工具的小团队，官网正文原来用的系统默认字体，怎么看都"不够质感"。改版时他们把正文字体换成思源宋体，标题用 SemiBold，配合 16px 字号和 1.6 行高，页面瞬间有了"认真做产品"的气质，而这次改版在字体上的成本依旧是零。

新手最常问的 3 个问题

问：真的可以商用吗？会不会以后被追责？可以。OFL 协议明确允许商业用途，包括把字体嵌进你的软件、App、网站和宣传物料里。只要你不把字体文件本身单独标价出售，就完全合规。这也是它被大量企业选用的原因。

问：思源宋体和思源黑体有什么区别，我该选哪个？简单说：宋体笔画有粗细变化，带衬线，适合正文阅读和正式文档，气质偏"书卷气"；黑体笔画均匀、无衬线，适合界面和屏幕显示，气质偏"现代简洁"。做文档、杂志、公众号排版选宋体，做 App 界面和 Web 界面通常选黑体。

问：TTF 和 OTF 有什么区别？为什么这个仓库要转成 TTF？两者都能正常显示文字，区别主要在内部技术实现上。对普通用户来说最大的实际差异是：TTF 在网页字体场景下兼容性更好、构建更省事，几乎不会遇到浏览器或老旧系统不认字体的尴尬。这个仓库存在的意义，就是把这件事提前替你做好了。

写在最后

一套好字体不该是只有大公司才用得起的奢侈品。思源宋体把专业级的排版能力交到了每个人手里：免费、可商用、7 个字重齐全，还有现成的简体 TTF 版本。如果你也受够了"字体将就"的日子，现在就 clone 下来装一个，今晚就能让下一篇文档、下一个页面用上它。

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