思源宋体CN字体7种字重免费商用全指南按职业对号入座的跨平台上手路线【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf思源宋体CNSource Han Serif CN是Adobe与Google联合开发的开源宋体这个仓库把简体中文子集的TTF成品直接整理好了7种字重齐备个人与商业项目都能免费使用。你不必把全文从头读到尾——先花十秒想清楚自己是哪条路线的使用者再直接跳到对应章节每章结尾都有一句能立刻带走的话。 共用地基7种字重先建一张字重光谱开始之前先把家底认全。仓库里SubsetTTF/CN/目录下就是全部7个字体文件我读了一遍它们的元数据字重等级如下表注意ExtraLight在文件里登记的是250不是常见的100这在网页里直接写font-weight: 250也合法文件位于 SubsetTTF/CN/中文名字重等级典型用途SourceHanSerifCN-ExtraLight.ttf超细体250大字号装饰、留白处的细线字SourceHanSerifCN-Light.ttf细体300注释、引用、辅助信息SourceHanSerifCN-Regular.ttf常规体400正文排版SourceHanSerifCN-Medium.ttf中等体500长文阅读、强调段落SourceHanSerifCN-SemiBold.ttf半粗体600次级标题、重点词SourceHanSerifCN-Bold.ttf粗体700主标题、品牌字SourceHanSerifCN-Heavy.ttf特粗体900封面、海报主视觉还有一个容易踩的细节除了Regular和Bold其余字重各自拥有独立的字体族名比如Light的族名是Source Han Serif CN Light。这会影响网页写法后面会讲到。把这张表记在心里后面的每条路线都在给这张光谱找用武之地。路线A网页开发者——从TTF到页面上线把字体装进开发机或直接在项目里引用开发阶段最简单的做法是把字体文件留在项目内引用不装进系统。用下面的命令把仓库克隆下来git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf然后把source-han-serif-ttf/SubsetTTF/CN/里的TTF拷到你的fonts/目录。TTF适合本地测试线上使用建议先转成WOFF2体积小30%~50%转换用fontTools一条命令搞定pip install fonttools fonttools ttLib.woff2 compress SourceHanSerifCN-Regular.ttf最小示例两段font-face让页面用上思源宋体下面的CSS解决一个具体问题让页面的正文和标题分别吃到400与700两个字重。因为仓库里非Regular/Bold字重的族名各不相同这里直接用url()引入省去local()匹配不上的烦恼font-face { font-family: Source Han Serif CN; src: url(fonts/SourceHanSerifCN-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; } font-face { font-family: Source Han Serif CN; src: url(fonts/SourceHanSerifCN-Bold.woff2) format(woff2); font-weight: 700; font-display: swap; } body { font-family: Source Han Serif CN, Noto Serif SC, serif; } h1, h2 { font-weight: 700; }每用一个新字重就补一个font-face并把font-weight写对——这一步决定了浏览器会不会用假粗体faux bold糊弄你。响应式小屏换Medium大屏用Regular移动端屏幕小、环境光杂500的Medium比400的Regular更耐读。给Medium也补上font-face后这样写media (min-width: 768px) { body { font-size: 18px; } article { font-weight: 400; } } media (max-width: 767px) { body { font-size: 15px; } article { font-weight: 500; } }性能WOFF2、font-display与unicode-range三件套思源宋体是中文字体全量子集化后仍可能几百KB所以性能上注意三点一是用font-display: swap让文字先用备用字体显示加载完再替换避免白屏二是用unicode-range限定加载范围比如只加载常用汉字区间三是别对CJK字体轻易用preload文件太大反而拖慢首屏靠按需加载更实际font-face { font-family: Source Han Serif CN; src: url(fonts/SourceHanSerifCN-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; unicode-range: U4E00-9FFF; /* 只覆盖常用汉字区 */ }按需加载用FontFace API动态注册如果你的页面只在某些模块用宋体可以在用户滚动到那个模块时才加载字体const font new FontFace(Source Han Serif CN, url(fonts/SourceHanSerifCN-Regular.woff2), { weight: 400 }); font.load().then((loaded) { document.fonts.add(loaded); });这一章的结论一个字重对应一个font-face字重值写准再配font-display: swap页面就能稳定吃满7种字重里的任意组合。路线B平面设计师——让7个字重各司其职10分钟装进Windows与macOSWindows进入克隆下来的source-han-serif-ttf/SubsetTTF/CN/全选7个.ttf右键选择为所有用户安装重启设计软件即可。macOS打开字体册把CN/文件夹直接拖进窗口系统验证后全应用立即可用。Linux执行mkdir -p ~/.local/share/fonts/SourceHanSerifCN把TTF拷进去再跑fc-cache -fv。安装后在软件里搜Source Han Serif CN能看到7个不同字重的条目就算成功。品牌VI的字重层级一套字体讲完整个故事品牌设计最怕字体用得杂。思源宋体CN一套7个字重足以撑起完整的信息层级层级字重用途主视觉Heavy900Logo、封面、大标题主标题Bold700章节标题副标题SemiBold600小节标题、卡片标题正文Regular400或Medium500段落、说明辅助Light300页脚、注释、免责声明印刷排版给书籍和宣传册的参考参数书籍正文Regular10.5~12pt行距1.6~1.8倍字号标题Bold14~18pt。段间距取1.5倍行距中文阅读节奏最稳。宣传册主标题Heavy强调品牌副标题Bold突出重点正文Medium保证印刷后不糊引用文字用Light制造呼吸感。海报张力ExtraLight与Heavy的极限对撞宋体的笔画粗细变化比黑体更戏剧化ExtraLight在大字号下细如发丝适合大面积留白的极简构图Heavy则粗壮厚重天然是视觉焦点。做海报时用Heavy砸出主信息用ExtraLight放一行小字点缀两个极端一压一收版面立刻有层次。这一章的结论字重是设计语言的一部分先把7个字重放进自己的工具箱再谈风格。路线C内容创作者——不写代码也能用出专业感文档与PPT用字重代替字号做层次在Word、WPS或Keynote里选中文字把字体设为Source Han Serif CN后你会看到7个变体。一个立刻能用的习惯标题用Bold或SemiBold正文用Regular同字号下粗细对比已经足够区分层级不必把标题无限放大。PPT投影时正文至少用Medium投影仪的对比度会吃掉细笔画的细节。配图与封面导出前先想清楚字重公众号封面、短视频标题这类导出型文字导出前把主标题设成Bold或Heavy——小屏上Light和ExtraLight的细笔画会被压缩失真。想要高级感也别怕把Light留作画面里的大字装饰而不是小字正文。中英混排的三个小习惯思源宋体搭配英文时建议西文用Georgia这类经典衬线或中性无衬线中文与英文/数字之间留一个半角空格视觉更干净全角括号与中文之间不需要额外空格系统会自动处理。这一章的结论不写一行代码靠选对字重导出前预览小尺寸就能把文档和配图的质感提一档。三条路线都会踩的3个坑装完搜不到字体先关掉重开软件再确认搜索的是Source Han Serif CN这一串完整名称Light等字重是独立族名但都包含这串字符Linux用户记得跑fc-cache -fv刷新缓存。网页里字重不生效八成是font-face声明不完整。每个字重都要单独声明font-weight必须与字体文件实际登记值一致只声明了400却给700的元素用font-weight: 700浏览器会渲染假粗体。商用授权到底怎么算仓库根目录的LICENSE.txt是SIL Open Font License 1.1全文。要点是可以免费商用、可以嵌入软件和文档、可以修改再分发但不能把字体文件本身单独拿来卖钱修改后的衍生字体也必须继续沿用OFL授权。✅ 行动清单今天就能完成的三个动作拿到文件执行git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf。跑通最小示例开发者按路线A贴一段font-face设计师按路线B装好字体并新建画布试全7个字重写作者按路线C在文档里设置标题与正文字重。确认授权打开LICENSE.txt扫一眼明确免费商用范围后续项目心里有底。 延伸资源与下一步想深入了解仓库里还有这些现成材料README.md项目说明与字体背景、LICENSE.txtOFL授权全文、SubsetTTF/CN/7种字重的TTF文件目录。最后抛个问题给你日常做中文排版你最爱用哪两个字重的组合是Heavy配Light的强对比还是Medium配Regular的温和路线欢迎在评论区分享你的搭配心得下一篇我会专门拆解中西文混排时宋体与衬线体的避坑细节。【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考