字体配对 —— 精选标题与正文搭配
字体配对帮你为标题和正文选一组协调的字体。设计猫精选了多组来自 Google Fonts 的「展示标题 + 易读正文」搭配，实时预览效果，一键复制 @import 与 font-family 代码，直接用进网站——全程本地，不上传。
优雅 · 编辑感
The quick brown fox
好的排版让内容更易读、更有性格。Pair a display heading with a clean body for instant polish. 1234567890
标题: Playfair Display正文: Source Sans 3
1 / 8
Latin 字体搭配预览；中文字符会用系统字体回退。复制的代码含 @import + font-family。
如何字体配对？
- 1点「换一组」浏览精选的标题 / 正文搭配。
- 2看实时预览：大标题用展示体、正文用易读无衬线。
- 3选中喜欢的一组，点「复制 CSS 代码」。
- 4把 @import 和 font-family 规则粘进你的样式表即可。
为什么用设计猫字体配对？
- 搭配有讲究：展示体配易读正文，避免两个都抢戏。
- 即取即用：直接给 Google Fonts 的 @import + font-family。
- 实时预览：所见即所得，不用反复试。
常见问题
这些字体要付费吗？
都是 Google Fonts 开源字体，可免费商用，通过 @import 引入即可。若需要更丰富的商用字体与配套模板，可以看素材库订阅。
能预览中文效果吗？
这些是拉丁字体，预览以英文示例为主；中文字符会用系统字体回退。中文字体搭配建议另行选择中文字库。
更新于 · 设计猫团队