任务路径 / 从输入到结果
如何找到合适的 Google Fonts 搭配
- 01
按用途筛选
把“用途”设为“编辑排版”“产品”“品牌”“作品集”或“数据”,也可以保持“全部用途”。列表收录的是十组精选搭配,而非穷尽式目录;计数器会显示当前筛选命中几组,让你始终知道自己是在十个候选还是两个候选中做选择。
- 02
按风格收窄
再加上“风格”筛选——“现代”“经典”“表现派”“技术感”或“温暖”——让列表更短。若组合没有命中,会如实提示并建议放宽任一筛选,总好过对着空白网格发呆;每组搭配都带有多个用途与风格标签,放宽任一维度通常就能找回几个候选。
- 03
查看搭配详情
点击卡片打开字样页:标题与正文字体名称、用本地回退字体渲染的预览,以及说明这两款字体为何合拍的一小段理由。用回退字体渲染是刻意的——页面绝不会在你不知情时加载字体文件;提示中也写明,想看真实字形,链接就在一步之外。
- 04
带走字体令牌
点击“复制 CSS”获取现成的自定义属性,点击“复制 @import”获取可选的 Google Fonts 加载语句,或点击“下载 JSON”导出完整结果,保存为 toolars-font-pair.json。“打开标题字体字样”和“打开正文字体字样”链接才会打开 Google Fonts 上的真实字形——且只在你主动点击时,绝不自动。