排版与字体预览工具清单|字距 网格 字体配对 与输出

想把排版做得更稳、更快,关键不是“会用某个字体”,而是能在选字、配对、字距、网格与导出之间建立一套可复用的流程。下面这份清单汇总了常用的字体预览、字体管理、配对与排版检查工具,方便你在不同项目里快速搭起排版工作流。

Google Fonts

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

免费商用|海量开源字体库,支持按语言、字重与风格筛选,并可直接生成网页引入代码,适合做快速试排与字体落地。

Fontshare

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

免费商用|高质量英文字体合集,页面预览做得很友好,适合在品牌/海报项目里快速找到“主标题+正文”的字体组合。

Font Squirrel

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

需看协议|提供大量可商用字体与 Webfont 生成器,但不同字体的授权条款不一;下载前先核对 license 字段再进项目。

Fontjoy

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

需看协议|字体配对可视化工具,适合在“标题+副标题+正文”层级里做快速组合测试;最后落地仍需确认具体字体授权。

FontPair

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

需看协议|常见字体搭配示例库,适合快速建立排版参考;建议把喜欢的组合记录到设计系统里,沉淀团队统一的字体策略。

Type Scale

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

需看协议|排版比例尺生成器,帮你确定标题/正文的字号层级与 scale;适合在网页与移动端项目里快速定一套“可扩展”的字阶。

Gridlover

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

需看协议|基于基线网格( line Grid)的排版调参工具,适合把行高、字号与网格关系调到更“顺眼”,减少正文阅读疲劳。

Font

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

需看协议|本地字体管理工具,可做字体分组、快速预览与激活管理;适合字体多、项目切换频繁的设计师。

FontForge

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

免费商用|开源字体编辑器,适合做字形微调、补字与导出格式转换;对中文字体的深入改造也能胜任,但学习曲线偏陡。

Adobe Fonts

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

需看协议|订阅型字体服务,适合团队统一用字与跨软件同步(PS/AI/ID);商用范围与分发方式需按 Adobe 条款执行。

WhatFont

工具地址:https://www.chengyinliu.com/whatfont.html

免费商用|浏览器字体识别工具,适合做竞品/优秀案例拆解:快速拿到网页使用的字体、字号与行高参数,节省手工查样式时间。

Typesetter.js

工具地址:https://github.com/ianstormtaylor/typesetter

免费商用|可在网页中做细致排版控制(如字距/断行等)的开源方案参考;适合前端在交互页面里追求更精致的文字呈现。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功