排版是信息层级与气质的总开关。下面这份清单把常用的Typography灵感、规范与练习资源集中在一起:先看范例建立审美与对比,再用速查表校准字距/行距/字重,最后配合授权提示把可商用的素材落到项目里。
工具地址:https://www.typewolf.com/
需看协议:站点内容为排版案例与推荐,不直接提供可商用字体授权;使用字体需回到字体来源确认许可。
适合做网页排版参考,查看同一字体在不同场景的搭配与层级设置。
需看协议:案例库用于学习与参考;具体字体与图片素材的商用授权需分别核对来源。
强在“真实项目”拆解,适合找品牌、出版物与包装的排版氛围。
工具地址:https://practicaltypography.com/
需看协议:以教程与观点为主;引用与转载需遵循站点许可与署名要求。
从标点、引号、连字符到层级与字体搭配,属于“写给实践者”的排版指南。
工具地址:https://fonts.google.com/
免费商用:大多数字体采用开源许可(如OFL),通常可商用与嵌入;仍建议逐个查看字体详情页的License说明。
可直接筛选字重、语言与变量字体,适合Web与UI项目快速落地。
工具地址:https://www.fontshare.com/
免费商用:提供可用于商业项目的字体集合;以具体字体页面标注的许可为准。
字体质量较整齐,适合做品牌与标题字;注意是否需要保留版权声明。
工具地址:https://www.theleagueofmoveabletype.com/
免费商用:多为开源字体项目,可用于商业;请在具体字体页确认授权条款与版本。
经典开源字体阵地,适合挑选气质更“排印感”的正文字体与标题字体。
工具地址:https://www.fontsquirrel.com/
需看协议:站点收录“可商用”字体,但不同字体的授权细节仍有差异,下载前建议看License与作者说明。
可用来找替代字体、做Webfont转换;注意转换后的嵌入许可。
需看协议:多为订阅授权,适用范围、人数、嵌入方式与交付规则要按Adobe条款执行。
如果团队已用Creative Cloud,这里能快速获得稳定的字体家族与多语言覆盖。
需看协议:论坛/社区内容以讨论与分享为主;引用他人作品需注意署名与原作者许可。
适合查排版术语与思路,也能看到资深排印从业者的点评。
工具地址:https://m3.material.io/styles/typography/overview
需看协议:规范文档可用于学习与产品设计参考;商用使用时遵循Material与相关品牌规范要求。
做UI排版时非常实用:字号层级、字重与行高的系统化写法一目了然。
工具地址:https://developer.apple.com/design/human-interface-guidelines/typography
需看协议:规范内容用于参考;涉及苹果商标与系统字体的使用需遵循平台规则。
适合做iOS/macOS产品的字号层级与可读性校准,尤其是动态字体与可访问性。
需看协议:生成的是排版比例与预览,字体许可取决于你选择的字体来源。
用比例尺快速定标题/正文层级,再把参数抄到设计系统或CSS里。
需看协议:练习工具用于学习;练习过程中引用的字体/素材并不等同于可商用授权。
很适合训练“看字距”的眼睛,做Logo字标或标题排版会明显受益。