字体排印与字体搭配资源清单|字距行距工具 字体配对 排版规范一站收齐

一套好用的字体排印工作流,往往从“找对字体”开始,到“字距行距与层级”落地,再到“规范与可用性校验”收尾。下面这份清单按「灵感参考 / 字体选择 / 配对与层级 / 字距行距与比例 / 识别与检测」整理,打开即可用。

Typewolf

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

需看协议:站点展示大量品牌与网页字体示例,适合做“风格对标”。第一屏就能看到网站使用的字体组合与层级,便于快速建立排版方向。

Fonts In Use

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

需看协议:收录真实项目的字体使用案例(海报、出版物、品牌等)。适合反向学习:同一种字体在不同媒介里的字号、行距、字重与网格做法。

Google Fonts

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

免费商用:大量开源字体可直接用于商业项目;提供字重、语言覆盖、可变字体筛选与线上预览。适合做 UI 与正文的基础字体库。

Font Squirrel

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

需看协议:主打可商用字体筛选与 Webfont 生成器。使用前建议点进每款字体的许可页核对授权范围(桌面/网页/嵌入)。

Fontpair

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

需看协议:给出常见的标题+正文字体组合方案,并提供示例排版。适合在时间紧时快速选一套“稳妥的配对”,再做细节微调。

Fontjoy

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

需看协议:自动生成字体组合的工具,可反复刷新获得不同的标题/正文/强调字体建议。用于探索方向很好用,落地前仍需确认许可与中文支持。

Kern Type

工具地址:https://type.method.ac/

免费商用:交互式字距(kerning)练习工具,适合团队做排版训练。通过练习建立“哪些字母组合更容易显得拥挤/松散”的直觉。

Typescale

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

需看协议:在线生成字号层级(type scale),支持不同的比例与基准字号。适合 UI 设计建立 H1/H2/正文/注释的统一层级,减少“凭感觉调字号”。

Modular Scale

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

需看协议:用模块化比例推导字号体系。适合需要跨端一致(Web/App/海报模板)的项目,先定比例,再定基准字号与行距策略。

Fluid Typography Calculator

工具地址:https://utopia.fyi/type/calculator/

需看协议:生成响应式(fluid)字号与间距的 CSS 变量。适合网页项目:在不同屏宽下字号平滑变化,减少断点里反复改样式。

Wakamai Fondue

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

需看协议:检测字体文件包含的 OpenType 特性、语言覆盖、变体信息。适合在用一套字体做品牌系统前,先确认它是否支持你要的数字样式、小型大写、连字等功能。

WhatTheFont(MyFonts)

工具地址:https://www.myfonts.com/pages/whatthefont

需看协议:上传图片识别字体,适合快速确认参考图里的字体或相似替代。识别后建议再用多来源交叉验证,避免误判。

FontDrop!

工具地址:https://fontdrop.info/

免费商用:把字体文件拖进网页即可查看字形、表、特性与覆盖范围。适合做“接手字体资产”的快速体检:是否缺字、是否只有单一字重、是否包含斜体等。

Glyphhanger

工具地址:https://github.com/filamentgroup/glyphhanger

需看协议:面向 Web 的字体子集化工具,能根据页面实际用到的字符生成更小的字体文件。适合性能敏感的网站项目,落地前需由开发配合测试。

Figma Typography Handbook(官方资源)

工具地址:https://help.figma.com/hc/en-us

需看协议:Figma 官方帮助中心里有排版相关的说明与实践建议。适合团队统一“文本样式/组件/变量”的落地方式,减少同一项目里风格漂移。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功