Typography排版资源清单:12个字距、行距与版式参考站

排版是信息层级与气质的总开关。下面这份清单把常用的Typography灵感、规范与练习资源集中在一起:先看范例建立审美与对比,再用速查表校准字距/行距/字重,最后配合授权提示把可商用的素材落到项目里。

Typewolf

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

需看协议:站点内容为排版案例与推荐,不直接提供可商用字体授权;使用字体需回到字体来源确认许可。

适合做网页排版参考,查看同一字体在不同场景的搭配与层级设置。

Fonts In Use

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

需看协议:案例库用于学习与参考;具体字体与图片素材的商用授权需分别核对来源。

强在“真实项目”拆解,适合找品牌、出版物与包装的排版氛围。

Butterick’s Practical Typography

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

需看协议:以教程与观点为主;引用与转载需遵循站点许可与署名要求。

从标点、引号、连字符到层级与字体搭配,属于“写给实践者”的排版指南。

Google Fonts

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

免费商用:大多数字体采用开源许可(如OFL),通常可商用与嵌入;仍建议逐个查看字体详情页的License说明。

可直接筛选字重、语言与变量字体,适合Web与UI项目快速落地。

Fontshare

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

免费商用:提供可用于商业项目的字体集合;以具体字体页面标注的许可为准。

字体质量较整齐,适合做品牌与标题字;注意是否需要保留版权声明。

The League of Moveable Type

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

免费商用:多为开源字体项目,可用于商业;请在具体字体页确认授权条款与版本。

经典开源字体阵地,适合挑选气质更“排印感”的正文字体与标题字体。

Font Squirrel

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

需看协议:站点收录“可商用”字体,但不同字体的授权细节仍有差异,下载前建议看License与作者说明。

可用来找替代字体、做Webfont转换;注意转换后的嵌入许可。

Adobe Fonts

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

需看协议:多为订阅授权,适用范围、人数、嵌入方式与交付规则要按Adobe条款执行。

如果团队已用Creative Cloud,这里能快速获得稳定的字体家族与多语言覆盖。

Typography Handbook by Typography.Guru

工具地址:https://typography.guru/

需看协议:论坛/社区内容以讨论与分享为主;引用他人作品需注意署名与原作者许可。

适合查排版术语与思路,也能看到资深排印从业者的点评。

Material Design Typography

工具地址:https://m3.material.io/styles/typography/overview

需看协议:规范文档可用于学习与产品设计参考;商用使用时遵循Material与相关品牌规范要求。

做UI排版时非常实用:字号层级、字重与行高的系统化写法一目了然。

Apple Human Interface Guidelines Typography

工具地址:https://developer.apple.com/design/human-interface-guidelines/typography

需看协议:规范内容用于参考;涉及苹果商标与系统字体的使用需遵循平台规则。

适合做iOS/macOS产品的字号层级与可读性校准,尤其是动态字体与可访问性。

Type Scale

工具地址:https://type-scale.com/

需看协议:生成的是排版比例与预览,字体许可取决于你选择的字体来源。

用比例尺快速定标题/正文层级,再把参数抄到设计系统或CSS里。

Kerning Practice

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

需看协议:练习工具用于学习;练习过程中引用的字体/素材并不等同于可商用授权。

很适合训练“看字距”的眼睛,做Logo字标或标题排版会明显受益。

用户评论 (0)

登录后参与讨论

立即登录 注册账号

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

操作成功