即时切换
按下空格键即可在精选字体组合之间切换，并在想保留某一部分搭配时锁定单个位置。
概览
tttypes 是一款免费的字体搭配生成器，专注于 Google Fonts 组合。它帮助设计师快速探索字体搭配，在更贴近真实的上下文中预览，并将结果导出为可直接用于生产的格式。
首页将产品定位为一种能在几秒内发现并优化排版选择的方式。用户可以在精选搭配之间切换，锁定想保留的字体，并在网站、应用和印刷风格的布局中比较不同组合，然后再进入代码或嵌入输出。
功能
上下文预览
在网站、移动应用、名片、简历和其他场景的真实布局中预览字体选择，再导出。
可导出的结果
复制 CSS 变量、下载 Google Fonts 链接，或导出嵌入代码，把探索结果转为实现。
精选库与自定义生成
浏览精选搭配库，或实时生成自己的组合，以收敛到最终方向。
AI 辅助的搭配分析
网站称其搭配引擎会基于 15 项指标分析 10,000+ 组组合，包括字重、x-height 和终端样式。
使用场景
排版探索
为新的视觉方向探索字体搭配，然后锁定有潜力的选择，继续切换其余部分，直到组合感觉平衡。
设计系统评审
在交给开发之前，先检查标题字体和正文字体在网站、应用或其他 UI 布局中的显示效果。
印刷与个人品牌
为简历、名片或类似布局准备一种在紧凑、真实场景中也清晰可读的搭配。
实现交接
在确定搭配后，通过导出 CSS 变量、Google Fonts 链接或嵌入代码，将想法推进到实现阶段。
Pros and Cons
Pros
- 根据网站文案，可免费使用。
- 切换、锁定、预览和导出都整合在同一工作流中。
- 上下文预览能在实现前展示字体在真实设计场景中的效果。
- 导出选项包括 CSS 变量、Google Fonts 链接和嵌入代码。
- 该生成器基于精选搭配库，而不是从空白开始选择。
Cons
- 源内容没有说明协作、团队工作流或共享库。
- 该产品似乎主要围绕 Google Fonts 搭配，因此对需要非 Google 字体来源的项目可能不太适用。
FAQ
tttypes 可以免费使用吗？
不。该网站将自己描述为免费的字体搭配生成器，其示例和生成器都围绕 Google Fonts 字体组合构建。
我可以从 tttypes 导出什么？
源内容显示，你可以在精选搭配之间切换，锁定位置，在上下文中预览，并导出 CSS 变量、Google Fonts 链接或嵌入代码。
tttypes 支持哪些预览类型？
该生成器提供网站、移动应用、名片、简历以及类似设计场景的上下文预览。
tttypes 支持团队协作吗？
源内容没有提到协作功能、团队账号或共享工作区，因此不应假定具备这些能力。
Quick Facts
- 类别
- 设计工具
- 主要用途
- 字体搭配与排版探索
- 字体来源
- Google Fonts 组合
- 平台
- 网页应用
- 价格
- 免费
- 域名
- tttypes.com
tttypes 替代品
PixelDrive
PixelDrive 是一款批量图片生成 API，可通过浏览器编辑器、REST API、CSV 批量导入或 MCP，基于单一模板快速生成多张品牌图片，适合需要可缓存渲染和按使用量计费的团队。
Napkin AI
Napkin AI 可将文本转为可编辑视觉内容，适用于演示文稿、文档和可分享内容。支持以文本为起点生成，并可协作，导出为 PPT、PNG、SVG 或 PDF。
appdesigns
appdesigns 是一款基于浏览器的工具，可将上传的应用截图制作成 App Store 和 Google Play 商店图片。支持添加设备边框、自定义画布与布局，并在无需账户的情况下无限导出无水印 PNG。
Shotie
Shotie 是一款 Mac 应用，可从模拟器或仿真器截图、生成画面或上传图片创建本地化 App Store 与 Google Play 截图，支持聊天编辑、渲染检查及一键 ZIP 导出。
Refero MCP
Refero MCP 为 AI agents 提供对接，连接兼容 MCP 的 agent 与 Refero 精选的 Web 和 iOS 产品界面、用户流程库；帮助在生成 UI 前研究真实设计模式，Refero Pro 计划内可用。
Pass Designer
Pass Designer 是一款适用于 macOS 的测试版工具，用于创建和预览 Apple Wallet 卡片。支持模板、自定义图像、卡片字段、颜色及语义数据，并可检查卡片在 iPhone 和 Apple Watch 上的显示效果。