排版做得好,往往不是“用了某个字体”这么简单,而是把字体选择、字号/行距体系、网格基线与中英混排规则一起定下来。下面这份清单按常见工作流整理:先找到合适字体与搭配,再用比例工具快速确定字号节奏,最后把字体统一装进本地库,便于跨项目复用。
工具地址:https://fonts.google.com/
免费商用:大多数字体可用于商业项目,但仍建议在每个字体详情页确认授权条款与可用字重。
适合快速筛选可变字体、查看字形覆盖与下载多语言字重包。
需看协议:通常随 Adobe 订阅提供使用权,适合做品牌与界面字体统一,但需注意项目/嵌入/再分发限制。
优点是与设计软件集成顺滑,团队共享时更省沟通成本。
工具地址:https://fontpair.co/
需看协议:本站提供“字体搭配灵感”,具体字体授权以字体来源(多为 Google Fonts)为准。
当你已经有标题字体/正文字体的其中一个,想快速找“能配”的另一半时很高效。
工具地址:https://www.typewolf.com/
需看协议:网站是排版案例与字体推荐导航,字体许可取决于对应字体供应商。
亮点是“实际网站在用什么字体”的案例库,适合做竞品与风格对标。
需看协议:用于观察字体在真实品牌物料中的应用,授权与下载需到原字体渠道确认。
非常适合做“参考同类型行业的排版气质”,比只看字库更直观。
工具地址:https://www.modularscale.com/
免费商用:在线计算工具,用比例尺快速生成字号序列,适合做 UI 字号系统或文章排版层级。
建议先定基准字号(正文)与比例(如 1.125/1.2/1.333),再反推标题与说明文本。
免费商用:在线字号与行高预览器,能直观看到标题/正文在网页上的层级效果。
适合把“字号表”从数字变成可感知的视觉对比,减少反复试错。
工具地址:https://www.gridlover.net/
免费商用:排版网格与基线对齐工具,帮助你在正文与标题之间建立稳定的垂直节奏。
如果你的界面/网页经常出现“行距看起来不齐”,用它先定基线与行高能显著改善。
工具地址:https:// linejs.com/
需看协议:提供在网页上叠加基线网格的思路与脚本参考,实际使用需看仓库许可与集成方式。
适合把“排版基线”落到开发侧,便于设计与前端一起对齐细节。
工具地址:https://fontjoy.com/
需看协议:自动生成字体搭配组合,具体字体许可以来源为准(常见为 Google Fonts)。
当你需要快速出 5-10 组“风格不同的排版方案”给评审挑选,它比手动试更快。
工具地址:https://fontba.se/
需看协议:字体管理软件,适合把“项目字体包”集中管理与快速启用/停用,授权仍取决于字体来源。
建议为每个项目建集合(Collection),并把许可说明一起写进项目文档,避免团队误用。
免费商用:开源字体编辑器,适合做字体修补(命名、字重、字形替换)或生成 web 字体格式。
注意:工具开源不等于字体可免费商用,字体文件本身的授权需要单独确认。