Typ.io 上的 Favourites 是什么,如何收藏字体搭配?

Typ.io 的 Favourites 是字体搭配画廊里的收藏功能，用来把喜欢的字体组合存起来，方便以后回看。在画廊的字体卡片上点击 Like 即可加入收藏；收藏的是“搭配记录”（字体名称、标签、示例站点），不是字体文件或授权。它适合正在找排版灵感、想积累参考案例的设计师；如果你要下载字体或购买授权，需要去字体厂商或授权渠道，Typ.io 不承担这一步。

Favourites 在 Typ.io 上指什么

Typ.io 的主线是“Fonts that go together”——把实际网站使用的字体搭配整理成卡片，每张卡片给出字体组合、标签和示例站点。Favourites 就是你对这些卡片做的标记：看到一组顺眼的搭配，点一下 Like，它就进入你的收藏范围，之后可以集中回看。

从页面结构看，每张字体卡片包含：

• 字体名称：如 Reckless Neue + Sohne Buch、Work Sans + Scandia、Inter + Space Grotesk
• 标签：如 business、investment、design agency、wellness health，用来描述搭配的适用场景
• 示例站点：如 costanoa.vc、coderabbit.ai、orbio.earth，点 Info 可看这组搭配用在哪个网站
• Like 入口：卡片上的 Like 按钮，就是收藏动作的落点

画廊按分页组织（页面底部可见 1 2 3 … 345 346 347 Next），说明搭配数量很大，收藏的价值在于把浏览中遇到的合适组合固定下来，而不是每次重新翻页找。

如何收藏一组字体搭配

前提：能正常打开 Typ.io 画廊页面，并能在浏览器中完成点击操作。

1. 浏览画廊：在首页或画廊列表中逐页查看字体卡片，先按标签缩小范围，例如做品牌站就看 business、design agency 类标签。
2. 判断是否值得收藏：看字体名称是否符合你的项目气质，点 Info 查看示例站点的实际效果，确认这组搭配在真实页面里成立。
3. 点击 Like：在卡片上找到 Like 按钮并点击，这组搭配即被标记为收藏。
4. 回看收藏：之后通过收藏入口集中查看已保存的搭配，继续核对字体名称和标签，把候选缩小到两三组再进入实际设计。

预期结果：你得到一个按自己审美筛选过的字体搭配清单，每条都带着字体名和场景标签，可以直接拿去和项目需求对照。

收藏之后能做什么、不能做什么

这一点很关键：Favourites 是灵感管理工具，不是字体资源库。看到喜欢的搭配后，字体名称就是你的下一步线索——去对应字体厂商处了解授权和获取方式。

常见卡点：收藏没保存下来

如果点了 Like 但之后找不到收藏，按以下顺序排查：

• 是否登录：未登录状态下收藏可能只存在当前浏览器里，换设备或清缓存后就看不到了。先确认账号状态。
• 浏览器是否阻止本地存储：隐私模式、严格的 Cookie/站点数据设置可能让收藏无法写入。换普通窗口或允许该站点存储后再试。
• 是否点在了 Info 而非 Like：卡片上两个入口相邻，Info 是查看详情，不会产生收藏。
• 分页浏览的错觉：画廊有数百页，收藏列表和画廊列表是两个视图，回看时要走收藏入口而不是继续翻画廊。

什么时候值得用 Favourites

适合的场景：你在为某个项目找排版方向，需要横向比较几十组搭配；或者你只是日常积累灵感，希望有一个按标签可检索的个人清单。Typ.io 的标签体系（business、finance、wellness health、design tool 等）让收藏不只是“好看”，而是带着使用场景的参考。

不太适合的场景：你需要马上拿到字体文件开始排版，或者需要确认某款字体能否商用。这两件事都要回到字体本身的授权信息，收藏夹帮不上忙。

如果你还想理解字体搭配背后的原则，可以配合站内的排版指南一起看，例如页面中提到的 “7 CSS Typography Features You Didn’t Know Existed (2026)”，它讲的是浏览器里可直接使用的 CSS 排版能力，和收藏搭配是两条互补的线：一条选方向，一条做实现。