排版与字体搭配工具清单|中英文字体、网格与字号体系

排版做得好,往往不是“用了某个字体”这么简单,而是把字体选择、字号/行距体系、网格基线与中英混排规则一起定下来。下面这份清单按常见工作流整理:先找到合适字体与搭配,再用比例工具快速确定字号节奏,最后把字体统一装进本地库,便于跨项目复用。

Google Fonts

工具地址:https://fonts.google.com/

免费商用:大多数字体可用于商业项目,但仍建议在每个字体详情页确认授权条款与可用字重。

适合快速筛选可变字体、查看字形覆盖与下载多语言字重包。

Adobe Fonts

工具地址:https://fonts.adobe.com/

需看协议:通常随 Adobe 订阅提供使用权,适合做品牌与界面字体统一,但需注意项目/嵌入/再分发限制。

优点是与设计软件集成顺滑,团队共享时更省沟通成本。

Fontpair

工具地址:https://fontpair.co/

需看协议:本站提供“字体搭配灵感”,具体字体授权以字体来源(多为 Google Fonts)为准。

当你已经有标题字体/正文字体的其中一个,想快速找“能配”的另一半时很高效。

Typewolf

工具地址:https://www.typewolf.com/

需看协议:网站是排版案例与字体推荐导航,字体许可取决于对应字体供应商。

亮点是“实际网站在用什么字体”的案例库,适合做竞品与风格对标。

Fonts In Use

工具地址:https://fontsinuse.com/

需看协议:用于观察字体在真实品牌物料中的应用,授权与下载需到原字体渠道确认。

非常适合做“参考同类型行业的排版气质”,比只看字库更直观。

Modular Scale

工具地址:https://www.modularscale.com/

免费商用:在线计算工具,用比例尺快速生成字号序列,适合做 UI 字号系统或文章排版层级。

建议先定基准字号(正文)与比例(如 1.125/1.2/1.333),再反推标题与说明文本。

Type Scale

工具地址:https://type-scale.com/

免费商用:在线字号与行高预览器,能直观看到标题/正文在网页上的层级效果。

适合把“字号表”从数字变成可感知的视觉对比,减少反复试错。

Gridlover

工具地址:https://www.gridlover.net/

免费商用:排版网格与基线对齐工具,帮助你在正文与标题之间建立稳定的垂直节奏。

如果你的界面/网页经常出现“行距看起来不齐”,用它先定基线与行高能显著改善。

line.js(基线网格参考)

工具地址:https:// linejs.com/

需看协议:提供在网页上叠加基线网格的思路与脚本参考,实际使用需看仓库许可与集成方式。

适合把“排版基线”落到开发侧,便于设计与前端一起对齐细节。

Fontjoy

工具地址:https://fontjoy.com/

需看协议:自动生成字体搭配组合,具体字体许可以来源为准(常见为 Google Fonts)。

当你需要快速出 5-10 组“风格不同的排版方案”给评审挑选,它比手动试更快。

Font

工具地址:https://fontba.se/

需看协议:字体管理软件,适合把“项目字体包”集中管理与快速启用/停用,授权仍取决于字体来源。

建议为每个项目建集合(Collection),并把许可说明一起写进项目文档,避免团队误用。

FontForge

工具地址:https://fontforge.org/

免费商用:开源字体编辑器,适合做字体修补(命名、字重、字形替换)或生成 web 字体格式。

注意:工具开源不等于字体可免费商用,字体文件本身的授权需要单独确认。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

暂无评论,快来抢沙发吧~

操作成功