七种字重、免费商用思源宋体CN的TTF文件包从下载到实战全记录【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf上个月朋友的小书店要上线新书推荐专题页排版卡在最后一步字体。我最后锁定的方案是思源宋体CNSource Han Serif CN——Adobe 与 Google 联合打造的开源中文字体免费可商用、自带七种字重TTF 文件也按地区分好拿来即用。更省心的是这个仓库连最后一公里都替你铺平了不用把 OTF 转成 TTF不用自己从全量字库里切子集更不用为了授权翻半天协议。这篇文章就记下我从下载到上线走过的每一步给你当一份能直接照抄的笔记。项目说明在 README.md条款见 LICENSE.txt。 30秒结论这套字体包值不值得下载先说结论简体中文、想要正式一点的衬线字体、预算又不高——它基本就是首选。具体好在哪看这张速览表卖点说明免费商用采用 SIL 开源许可证 1.1商业项目直接用遵守条款即可七种字重成套从 ExtraLight 到 Heavy 共七档标题正文不再拼盘简体中文优化CN 子集专为简体中文准备日常排版足够开箱即用的 TTF免去格式转换文件按地区分好按需拿取目录一目了然SubsetTTF/CN/下一个字重一个文件看名字就知道用途顺手解释一个概念字重就是笔画的粗细。你可以把它想成变速自行车的七个档位——一档轻巧省力适合慢慢骑小字、正文七档冲劲十足适合爬坡冲刺标题、海报。同一款字体给你七个档位整套排版的风格就能保持统一不会再出现标题和正文两家人的尴尬。第一步一条命令把字体包拿回来打开终端执行git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf克隆完成后进入目录SubsetTTF/CN/下躺着 7 个文件对应 7 种字重命名规则一眼就懂SourceHanSerifCN-ExtraLight.ttf SourceHanSerifCN-Regular.ttf SourceHanSerifCN-Bold.ttf SourceHanSerifCN-Heavy.ttf每个文件通常在 1~3MB按需复制即可不用整包搬运。第二步装进系统三分钟收工Windows双击任意 .ttf 文件点安装等几秒。macOS打开字体册把文件拖进去自动完成。Linux创建个人字体目录、复制、刷新缓存三条命令mkdir -p ~/.local/share/fonts/ cp SubsetTTF/CN/*.ttf ~/.local/share/fonts/ fc-cache -fv装完之后在 Word、Photoshop、Figma 里搜Source Han Serif CN就能找到了。第三步网页里跑通第一个示例网页项目用 font-face 引入以正文最常用的 Regular 为例font-face { font-family: Source Han Serif CN; src: url(fonts/SourceHanSerifCN-Regular.ttf) format(truetype); font-display: swap; font-weight: 400; }再在样式里声明font-family: Source Han Serif CN, serif;页面正文立刻换装。font-display: swap的作用是让文字先用兜底字体显示、字体慢慢加载避免白屏。各字重对应的数值先记下后面用得上文件名后缀font-weight常见用途ExtraLight200辅助信息、角标Light300页眉页脚、注释Regular400正文Medium500术语强调SemiBold600按钮、小标题Bold700大标题Heavy900海报主视觉一个小项目串起来书店的新书推荐页回到开头那个专题页它就是这次实战的完整样本。需求只有三个词正式、耐读、有层次。我的搭配是正文用 Regular40015px 左右、行高 1.7读起来像纸书书名用 SemiBold600和正文拉开一个档位活动角标用 Light300退到后台不抢戏。.book-title { font-family: Source Han Serif CN, serif; font-weight: 600; } .book-desc { font-family: Source Han Serif CN, serif; font-weight: 400; line-height: 1.7; } .badge { font-family: Source Han Serif CN, serif; font-weight: 300; }通用心法就一句话先定正文字重标题往上取两档辅助信息往下取一档层次自然就出来了。整个过程我只引入了上面三个字重文件页面加载没有明显变重。⚠️ 新手最容易踩的四个坑坑一放着现成的子集不用去下全量包。很多教程让去官网拿几十 MB 的完整字库再自己折腾子集化。这个项目已经按地区切好简体中文直接拿SubsetTTF/CN/里的文件就行别绕远路。坑二七种字重一股脑全引入。一个文件 1~3MB七个全上页面会明显变慢。只引入实际用到的字重如果只需要个别字符再用工具做子集化文件还能再瘦一圈。坑三改完字体想改名商用。许可证允许修改和再分发但衍生作品不能沿用保留字体名称也不能把修改后的字体单独拿来卖。动手改之前花两分钟把项目根目录的 LICENSE.txt 读一遍。坑四换完字体总以为没生效。Linux 装完要跑fc-cache -fv刷新缓存网页改了 CSS 记得强制刷新Windows 上偶尔需要重启一下设计软件。先排除这些再怀疑字体本身。行动清单照着走十分钟完成部署克隆仓库确认SubsetTTF/CN/下的 7 个文件齐全按你的系统完成安装搜得到字体名算过关定下正文字重标题往上取两档、辅助往下取一档网页项目只引入用到的字重记得加font-display: swap商用前通读一遍 LICENSE.txt。下次做东西卡在字体上时别再纠结买不买授权了——先把这套免费又齐全的宋体装上试试。好排版的第一步往往就从一次不花钱的替换开始。【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
