排版与字体搭配往往不是“挑一个好看的字体”这么简单,而是要同时考虑字重层级、字号比例、行距、对比关系,以及最关键的授权范围。下面这份清单把常用的字体资源、字体配对灵感与排版比例工具整理在一起,方便你在做品牌、海报、网页或 App 时快速确定一套稳定的字体方案。
工具地址:https://fonts.google.com/
需看协议:可筛选语言与字重,适合做可读性强的界面与网页排版;使用前仍建议核对单个字体的授权说明。
工具地址:https://www.fontsquirrel.com/
免费商用:提供“Free for Commercial Use”筛选与 @font-face 工具,适合找可商用英文字体与网页字体包。
工具地址:https://fontjoy.com/
需看协议:一键生成字体配对组合,适合快速出标题+正文字体方向;最终选用字体时记得回到字体源站核对授权。
工具地址:https://www.typewolf.com/
需看协议:排版灵感与字体搭配案例库,按网站风格与字体分类浏览,适合做“审美校准”和方案对照。
工具地址:https://www.fontpair.co/
需看协议:提供多组现成的标题/正文配对示例,适合在早期快速定方向并统一视觉语气。
工具地址:https://typescale.com/
需看协议:用比例尺生成字号层级(h1-h6/body 等),适合做网页与产品界面的字体等级体系。
工具地址:https://www.modularscale.com/
需看协议:输入基准字号与比例后生成一组和谐的字号序列,适合做海报与品牌物料的尺寸体系。
工具地址:https://www.gridlover.net/
需看协议:把字号、行高与基线网格一起调,适合做文章页、落地页等长文排版,减少“看着别扭”的行距问题。
工具地址:https://contrast-ratio.com/
需看协议:虽然是对比度工具,但对文字可读性非常关键;适合在定字体颜色与背景色时快速校验。
工具地址:https://type.method.ac/
需看协议:交互式字距(kerning)训练与演示工具,适合排标题时提升对字距与字形节奏的敏感度。
工具地址:https://fontba.se/
需看协议:字体管理器,适合做本地字体的预览、分组与启用/禁用;注意不同字体文件的授权差异。
工具地址:https://fonts.adobe.com/
需看协议:与 Adobe 账号/订阅绑定的字体服务,适合商业项目快速获得高质量字体库;发布交付前要确认团队与客户的使用范围。