尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

7种字重全部免费商用:思源宋体CN为什么是中文排版绕不开的开源字体

7种字重全部免费商用:思源宋体CN为什么是中文排版绕不开的开源字体 7种字重全部免费商用思源宋体CN为什么是中文排版绕不开的开源字体【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf深夜十一点设计群里传来一声哀嚎客户要做品牌升级可一套商用中文字体的授权费动辄几千块。有人甩来一个链接——思源宋体CNAdobe与Google联合出品的开源字体7种字重免费商用。从那天起我自己的中文排版再也没将就过。别研究字重表了先让字体亮起来说实话我第一次打开这个项目时也被唬住了——SubsetTTF/CN/目录下整整齐齐躺着7个.ttf文件ExtraLight、Light、Regular、Medium、SemiBold、Bold、Heavy看起来像一份需要背诵的考卷。其实完全不用。你只需要做一件事把字体装进系统。git clone https://gitcode.com/gh_mirrors/so/source-han-serif-ttf克隆下来的source-han-serif-ttf/SubsetTTF/CN/就是全部家当。Windows用户全选这7个文件右键为所有用户安装macOS用户把它们拖进字体册Linux用户复制到~/.local/share/fonts/目录后执行fc-cache -fv刷新缓存即可。装完随便打开一个编辑器在字体列表里输入 Source Han Serif CN看到选项出现的那一刻你就已经入门了。整个过程不到三分钟和装一款普通字体没有任何区别不用看任何说明书。七个字重不是参数是一套完整的语气系统接下来聊聊为什么这七个文件值得认真对待。很多人第一次接触字重这个词会觉得抽象。换个角度说字重就是字体说话的声音。ExtraLight 像耳语适合优雅精致的点缀Regular 像日常交谈稳稳承担正文阅读Heavy 像演讲台上的宣言一眼镇住全场。我记得帮一位做独立出版的朋友排一本小册子他最初只打算用一种字重走到底。后来我们用 Heavy 做封面标题、SemiBold 做章节页、Regular 做正文、Light 做页脚注释——同样的宋体四种声音成本为零整本册子立刻有了呼吸感。而免费商用这四个字才是它真正的杀手锏。项目自带的LICENSE.txt写得很清楚这是 SIL Open Font License 协议个人作品、商业项目、甚至嵌入产品分发都可以放心使用不必为授权费发愁。对自由职业者和独立开发者来说这相当于每年省下一笔不小的预算。网页里用宋体两段代码就够如果你和我一样主要做网页排版下面这段可以直接抄。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; line-height: 1.7; color: #333; }两个小提醒.woff2文件需要从.ttf转换而来通常能比原文件小 30%-50%网页加载会明显变快font-display: swap让字体在加载完成前先用系统字体垫着页面不会因为等字体而白屏。如果只是本地文档和设计软件里使用那更省事——SubsetTTF/CN/里的7个ttf文件直接引用就行这个文件夹本身就是一份不用动脑的目录清单。这几个坑我替你踩过了用了一段时间我总结出三个高频翻车点写出来省得你再走弯路。坑一装完找不到字体。九成是没重启应用或者字体缓存没刷新。Linux用户记得再跑一次fc-cache -fvmacOS用户清一下字体缓存Windows用户注销重登基本都能解决。另外搜索时认准全名 Source Han Serif CN很多软件只认英文标识别指望输入法里的中文名。坑二网页字体加载慢。很多人一股脑把7个字重全部挂到页面上结果首屏被字体文件拖垮。实际上一篇普通文章通常只需要 Regular 和 Bold 两个字重。真要全量支持可以给每个font-face加上unicode-range让浏览器按需下载对应字符范围既保留能力又不浪费流量。坑三把宋体当黑体用。思源宋体天生适合正文阅读、书籍排版和需要文化气质的场景如果你的界面是扁平化的工具产品宋体的衬线笔画反而显得繁琐。选字体之前先问自己一句话这份内容的气质是什么最后把它用起来说了这么多其实最值得做的一件事只有一个下载它然后亲手排一篇东西试试。仓库里除了字体文件本身还有README.md这类基础说明可以快速扫一遍SubsetTTF/CN/目录就是你的随身字体库随时取用。等你把7种字重都摸过一遍大概就能理解为什么这么多设计师愿意为这款免费字体站台——它把中文排版的门槛实实在在拉低了一大截。去 clone 一份吧就当是给下一个项目存了一份免费的底气。【免费下载链接】source-han-serif-ttfSource Han Serif TTF项目地址: https://gitcode.com/gh_mirrors/so/source-han-serif-ttf创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表