$ 预设
# 标题字体
# 正文字体
$ 预览
</> 代码
$ 如何使用字体配对生成器
从选择预设配对开始 — 这些是经过实战检验的组合，配合良好。或自定义：从下拉菜单中选择标题字体和正文字体（全部来自 Google Fonts），调整大小和字重，看预览实时更新。在文章、英雄区和卡片预览之间切换，查看配对在不同上下文中的表现。满意后，复制导入或 CSS 并粘贴到你的项目中。
什么造就好的字体配对
最好的配对在不冲突的情况下创造对比。一个常见的模式是用衬线或展示字体作标题，搭配干净的无衬线作正文。标题抓住注意力；正文保持可读。避免配对两个过于相似的字体 — 如果你眯起眼睛分不清它们，给标题选个更有个性的。
为什么这对你的应用很重要
你的 App Store 截图、登陆页面和应用内 UI 都受益于一致的、配对良好的排版。你选择的字体设定基调 — 俏皮、专业、极简、大胆。早期搞对配对能省下以后重新设计的工作。用此工具快速实验，然后将确切的 CSS 带入你的项目。
$ FAQ
免费吗？
是的 — 完全免费，无需注册，无限制。完全在你的浏览器中运行，直接从 Google Fonts 加载字体。
我可以在我的应用中使用这些字体吗？
这里所有字体都来自 Google Fonts 并且是开源的。你可以在应用、网站、印刷品 — 任何地方使用它们。详情请在 Google Fonts 上检查每个字体的许可（大多数是 SIL Open Font License）。
如何将字体添加到我的项目？
从代码部分复制 <link> 标签或 @import 行，添加到你的 HTML 或 CSS。然后使用 CSS 输出中显示的 font-family 声明。
为什么某些字重显示为不可用？
并非每种 Google Font 都支持所有字重。字重芯片只显示所选字体实际提供的字重。