做字体配对和排版层级时,最耗时间的往往不是找一款好字体,而是快速验证“标题-正文-注释-数字”这一整套是否协调。本清单把常用的字体配对、预览、变量字体调轴、灵感参考与本地管理工具集中在一起,便于你按项目风格快速选型与落地。
工具地址:https://fonts.google.com/
需看协议
海量开源字体库,支持按语言、字重、风格筛选;可直接预览多段文本与不同字号,适合快速定一个正文族和标题族的大方向。
需看协议
提供成套字体组合示例(标题+正文),并给出预览排版样式;适合在没灵感时先“抄一套”,再替换成更贴合品牌的字体。
工具地址:https://fontjoy.com/
需看协议
用算法生成字体组合,能锁定某一个字体后继续随机搭配;适合用来探索衬线/无衬线的对比关系与视觉节奏。
工具地址:https://www.typewolf.com/
需看协议
偏“字体穿搭参考”的站点,收录大量网页排版案例并标注所用字体;适合从行业风格反推字体选择与层级比例。
需看协议
真实项目与印刷物的字体使用案例库;适合查某字体在海报、品牌系统、书籍等载体上的表现,避免“只在预览里好看”。
需看协议
与 Adobe 生态集成度高,字体激活与应用内调用非常顺滑;如果团队统一使用 Creative Cloud,可作为“可控的商业字体池”。
工具地址:https://www.monotype.com/fonts
需看协议
商业字体与授权方案较完善,适合对品牌一致性、跨地区授权与合规要求高的团队做字体采购与管理。
工具地址:https://www.axis-praxis.org/
需看协议
变量字体调轴预览工具,可在不同轴(weight、width、slant 等)之间连续变化;适合评估“一个变量字体能覆盖多少层级”。
工具地址:https://wakamaifondue.com/
需看协议
变量字体与 OpenType 特性检查器,把字体包含的特性、轴、字形集合可视化;适合做字体技术评估和排版能力核对。
工具地址:https://fontba.se/
需看协议
跨平台本地字体管理器,支持分组、预览、激活/停用;当字体库变大时,用它管理“项目字体包”会比系统字体册更高效。
需看协议
Windows 上常用的字体管理与预览工具,适合快速浏览大量字体文件、对比字形细节,并按项目建立收藏与分类。
工具地址:https://www.fontsquirrel.com/
需看协议
提供可商用字体的聚合与工具(如 Webfont Generator);适合在预算有限时找“可用于项目的替代字体”,但仍要逐一核对授权条款。
工具地址:https://www.figma.com/community
需看协议
在设计稿里直接预览并批量替换字体的插件很多;适合把字体配对从“网站预览”直接搬到真实 UI 组件上检验可读性与信息密度。
工具地址:https://www.canva.com/learn/font-combinations/
需看协议
字体组合思路与示例整理,偏入门但实用;适合给非设计同学或跨职能团队一个统一的字体配对语言和参考模板。