思源宋体CN7种字重的免费商用中文字体【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf给中文产品界面挑正文字体时可选范围往往很窄系统黑体没有挑选余地付费衬线体又得走授权流程。思源宋体CNSource Han Serif CN就是为这种处境准备的——Adobe 与 Google 联合开源的中文衬线字体SIL OFL 协议授权商业项目可以直接引用不需要单独谈授权。这个仓库提供按地区拆分的 TTF 子集其中 CN 目录就是简体中文部分适合国内界面和文档排版。关键参数速览项目内容字重数量7 种ExtraLight、Light、Regular、Medium、SemiBold、Bold、Heavy授权协议SIL Open Font License 1.1OFL支持平台Windows、macOS、Linux文件格式TTF单字重约 13MB7 个合计约 88MB字体文件位置本仓库SubsetTTF/CN/目录OFL 协议意味着商业项目可以直接引用字体文件不用走审批流程唯一的红线是字体本身不能转卖。原项目是 OTF 格式这个仓库把它们转成了 TTF因为 TTF 在构建网页字体时兼容性更稳所以网页端你会主要打交道的就是这种格式。7 个字重对应的 font-weight 值从 200 到 900 大致等距相邻字重之间不会有明显的跳变混用做层级时不用额外处理。思源宋体CN中文字体渲染效果从克隆到可用中文字体安装第 1 步获取git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf克隆完成后SubsetTTF/CN/里有 7 个 .ttf 文件一个字重一个合计约 88MB只需拉取一次。第 2 步安装Windows选中SubsetTTF/CN/内全部 .ttf 文件右键“为所有用户安装”macOS把文件夹拖进“字体册”应用7 个字重会一起装好Linux及服务器环境sudo mkdir -p /usr/share/fonts/source-han-serif-cn sudo cp SubsetTTF/CN/*.ttf /usr/share/fonts/source-han-serif-cn/ sudo fc-cache -fv # 刷新字体缓存不能省如果只在单个项目里用而不打算装进系统也可以跳过这一步把用到的字重直接拷到项目的assets/fonts/目录管理。第 3 步验证fc-list | grep Source Han Serif CN # 输出 7 行即安装成功Windows 和 macOS 用户不必跑命令打开设计软件新建文档搜 “Source Han Serif”能选到 7 个字重就说明装好了。按场景给方案7 个字重不必一次全用。按场景选起点缺了再补。完成网页字体配置网页的第一原则是不全量上传。单字重约 13MB7 个字重全丢到 CDN 上属于浪费只放实际用到的 12 个。TTF 对网页也偏重生产环境建议先转成 WOFF2 再用体积一般能压到原来的一半以内。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; } body { font-family: Source Han Serif CN, serif; }同一字体族需要几个字重就按字重各定义一个 font-facefont-weight取值要和实际文件对应400 对 Regular700 对 Bold别指望浏览器帮你插值。为正文和标题选字重衬线的字重选择遵循“小字偏常规、大字偏重”的逻辑屏幕 12px 以下Regular 的笔画已经在屏幕可读性的边缘Light 更容易被抗锯齿糊掉所以正文从 Regular400起步最稳副标题升一级到 Medium 或 SemiBold主标题到 24pt 以上的大号段才值得上 Bold 或 Heavy粗笔画在大尺寸下不显闷。ExtraLight 属于另一类场景——封面大字、装饰性文字、需要留白感的设计不用在小字号正文里。正文 Source Han Serif CN Regular 14pt行距 1.6–1.8 副标题 Source Han Serif CN SemiBold 18pt 主标题 Source Han Serif CN Bold 28pt 强调 Source Han Serif CN Medium 与正文同号印刷长文里的强调建议用字重而不是颜色做颜色保留给真正重要的信息。字间距一般保持默认宋体自身的结构已经够透气手动加大 letter-spacing 反而容易把字撑散。处理移动端小屏降级移动端用宋体主要面对两个问题笔画密、字重降级。15px 以下的正文衬线比无衬线更难读所以移动端策略是缩字号、把行高加到 1.8 以上而不是换更细的字重。同时注意font-weight不要写成没上传过的值——只放了 400 和 700 却写了 300浏览器会做假细渲染效果比直接用原文件差。media (max-width: 768px) { body { font-size: 15px; line-height: 1.8; } h1 { font-size: 2rem; font-weight: 700; } }如果页面只把宋体当点缀标题、引言正文继续用系统黑体也是合理的组合小屏上会更轻松。问题速查与合规要点现象原因解法软件列表里没有该字体字体缓存未刷新Linux 执行fc-cache -fvWindows 重启软件或系统只有部分字重可选文件没装全检查SubsetTTF/CN/下 7 个 .ttf 是否都已安装浏览器里字体不生效路径或 font-weight 不匹配核对src路径确认使用的 font-weight 值与 font-face 声明一致许可证方面记住三件事能做什么商业项目、个人项目自由使用可嵌入应用、网站、印刷品也可修改后分发。不能做什么把字体文件本身作为商品出售随软件捆绑分发可以单独售卖不行。修改时注意衍生字体必须继续使用 OFL 授权改用新名称不用 “Source Han Serif” 原名做推广。思源宋体CN 的价值在于把中文衬线排版的门槛压到了零成本7 个字重、OFL 商业授权、三端通用的 TTF。下一个项目里把 body 的 font-family 换成它试试正文观感上的差别通常一眼可见。中文衬线一直是排版里被低估的那一类用熟之后再回头看纯黑体的页面会觉得少了点什么。【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考