字体排版的统一感,往往来自两件事:选对“能一起工作的字体组合”,以及把字重、字号、行高和层级做成一套可复用的规则。下面整理了一份字体排版与字体配对工具清单,覆盖组合灵感、字体预览管理、排版比例与可读性自检等环节,便于你快速建立稳定的字体系(具体授权请以各网站/字体库页面标注为准)。
工具地址:https://fontpair.co/
需看协议:展示大量字体搭配案例,但字体本身的商用取决于来源与授权条款。
适合在做网页/品牌风格稿时,快速从现成组合里找“标题+正文字体”的方向。
工具地址:https://fontjoy.com/
需看协议:用于生成字体搭配建议;最终字体的可商用性仍需回到字体库核对授权。
可以按“对比度/相似度”思路探索组合灵感,适合卡灵感时使用。
工具地址:https://www.typewolf.com/
需看协议:大量真实网站的字体使用案例与推荐清单;具体字体授权需单独确认。
更偏“参考库”,适合从行业案例反推你要的气质与信息层级。
工具地址:https://fonts.google.com/
免费商用:大多为开源字体(如 OFL),但仍建议在每个字体详情页确认许可与限制。
支持语言筛选、字重预览与配对推荐,是做中英混排时的常用起点。
需看协议:通常随 Adobe 订阅授权使用,范围与嵌入方式以官方条款为准。
对品牌项目更友好:字重齐全、风格稳定,适合做长期维护的设计系统。
工具地址:https://www.fontsquirrel.com/
需看协议:站点会标注“Free for Commercial Use”等信息,但仍建议下载前核对字体原始授权文件。
提供 Webfont 生成器与字体筛选,适合做网页字体落地。
工具地址:https://fontba.se/
需看协议:它是字体管理工具,本身不决定字体授权;商用取决于你导入的字体来源。
适合把常用字体做成收藏/项目集,快速切换预览与安装状态。
需看协议:字体管理/预览软件;字体的可商用性需要你自行核对授权。
偏轻量的字体浏览与分类,适合本地字体较多时做快速检索。
工具地址:https://rightfontapp.com/
需看协议:软件许可与字体授权需分别确认;常用于设计工作流里的字体管理。
如果你在 Mac 上做大量品牌/UI 项目,它的预览与同步能力能省不少时间。
免费商用:工具本身可用;字体与具体方案的商用性仍需按字体授权与项目要求确认。
用于生成字号层级比例(Type Scale),适合做 UI/网页排版的系统化设定。
工具地址:https://www.modularscale.com/
免费商用:工具用于计算比例与字号;字体授权不包含在内,需自行核对。
当你要把“标题/正文/注释”的字号关系做得更数学化、更一致时很有用。
工具地址:https://webaim.org/resources/contrastchecker/
免费商用:用于无障碍对比度检查;适用于设计自检与交付规范。
排版不仅是字体,还包括文本颜色与背景对比度,尤其在深色模式里容易踩坑。
工具地址:https://www.chengyinliu.com/whatfont.html
需看协议:扩展用于识别网页字体;识别到的字体是否可商用需回到字体来源确认。
看到好看的页面想知道“它用的是什么字体/字号/行高”时,能快速拿到关键信息。
工具地址:https://www.identifont.com/
需看协议:字体识别与相似字体推荐;具体字体授权与购买方式以各字体厂商为准。
适合在你只有截图/印象时,按特征逐步缩小范围,找到接近的替代字体。
免费商用:主要提供开源字体的自托管方案(常见为 OFL),但仍建议查看具体字体许可。
对前端团队很友好:更容易把字体作为依赖引入项目,提升一致性与可维护性。