思源宋体CN免费商用完整实战指南7种字重从安装到网页调优路线【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf做中文项目常卡在字体上商业字体选不起开源的又字重残缺跨平台渲染还各有脾气。思源宋体CN是Google与Adobe联合开源的中文宋体SIL OFL 1.1协议免费商用7种字重齐备本仓库直接提供网页友好的TTF子集。照这条路线走装进系统→选对字重→跑进网页→压快加载。把7个TTF文件装进开发机SubsetTTF/CN/目录下有7个TTF文件从ExtraLight到Heavy一一对应7种字重。格式选TTF而非OTF是因为TTF构建网页字体更稳定这也是这个仓库单独存在的原因。克隆仓库后在Linux上一条龙完成复制、重建缓存、验收git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf cp source-han-serif-ttf/SubsetTTF/CN/*.ttf ~/.fonts/ fc-cache -f fc-list | grep -i Source Han Serif CNmacOS把7个文件拷进~/Library/Fonts/再用字体册检查一遍完整性Windows全选右键安装即可系统自动完成注册。验收标准就看最后一条命令fc-list能打出7条Source Han Serif CN记录说明全部字重已注册网页和设计软件才找得到它们。⚠️ 装完发现Photoshop、Figma里没新字体——这类软件只在启动时读一次字体列表必须彻底重启应用GNOME桌面可按AltF2输入r重启Shell让字体服务重新扫描。思源宋体CN字重选型对照表拿到字体默认用Regular其实浪费了这套设计。7种字重不是简单加粗笔画而是按光学尺寸和阅读场景逐字调校过的。字体字重数值用在哪ExtraLight100留白多的大幅海报、品牌展示Light300移动端长文正文行高1.6~1.8Regular400网页正文、文档默认字体Medium500报告与论文正文屏幕上看更清楚SemiBold600次级标题、重点段落强调Bold700主标题、品牌字标Heavy900广告牌等远距离观看的大字 一条反直觉经验字号越大字重越要往下调。Heavy做小屏大标题会糊成一团Light做印刷正文又发虚。本质是笔画密度要匹配观看距离和介质所以Medium在屏幕上常比Regular更稳。这套CN子集面向简体中文裁剪常用字、生僻字、全角标点都能正确渲染论文和出版排版不会出现豆腐块若业务涉及繁简混排建议另备完整版字体兜底。在网页里跑起思源宋体CN网页是它最用得多也最容易出问题的场景。先用CSS集中定义字体族字重各组件按需取值以后改只动一处:root { --font-song: Source Han Serif CN, Source Han Serif, serif; } body { font-family: var(--font-song); font-size: 16px; line-height: 1.7; } h1 { font-weight: 700; }加载环节用font-face加font-display: swap加载中先用系统宋体顶替避免白屏或文字不可见font-face { font-family: Source Han Serif CN; src: url(fonts/SourceHanSerifCN-Regular.woff2) format(woff2); font-weight: 400; font-display: swap; }中英混排时英文和数字交给无衬线中文回退到思源宋体视觉更统一.mixed-text { font-family: Source Han Serif CN, Helvetica Neue, Arial, sans-serif; }App侧同样省事iOS一行Font.custom(SourceHanSerifCN-Regular, size: 17)就能调用Android在res/font下写一个font-family XML把7种字重按数值映射进去之后一个android:fontFamily全局复用。思源宋体子集压缩与渲染调优约13MB的TTF直接丢CDN是思源宋体CN唯一的代价子集化能轻松化解。用fonttools把常用汉字单独抽出并转WOFF2pip install fonttools brotli pyftsubset SourceHanSerifCN-Regular.ttf --text-filecommon.txt --flavorwoff2本仓库自带参照数据Regular完整TTF约13MB子集化加WOFF2压缩后的c500.woff2只有约90KB缩到原来的一百五十分之一common.txt就是现成的常用字表可以直接拿来用。再配合link relpreload预加载首屏字体基本无感。渲染层面各平台对字体平滑处理不一给body补上这几行能明显缩小观感差距body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }⚠️ 高频坑位按现象—解法记首屏加载慢——优先WOFF2加子集化别把整套TTF直接上CDN小字号发虚——14px以下的正文用Medium比Regular稳别迷信细体显高级打印出来发虚——印刷走PDF矢量输出正文不低于300dpi别导位图深色底浅色字看不清——深色背景配浅色文字时用ExtraLight并调高背景明暗差保证对比度。行动清单克隆仓库把SubsetTTF/CN/的7个文件装进开发机用fc-list验证出现7条记录在设计软件里把各字重刷一遍观感挑一个现有页面按本文CSS方案换字体对比前后效果跑一轮子集化记录压缩前后的体积数据把字重映射写进团队样式规范沉淀为可复用方案。细节配置可翻仓库里的Source_Han_Serif_CN_字体配置完全手册_prompt.md进阶场景看思源宋体专业应用指南_prompt.md。选字体的成本是一次性的收益是长期的思源宋体CN免费、可商用、字重完整从今天起每个中文项目都能直接复用这套体系。【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考