How to Use This Tool 使用说明

1. Browse the preset font combinations, each with a Heading font and a Body font.
2. Click any preset to apply it and see a live preview with sample text.
3. The tool loads fonts from Google Fonts in real-time.
4. Click Copy CSS to get the @import code needed to use the fonts in your project.
5. Try different combinations to find the perfect typography for your website or design.

1. 浏览预设字体组合，每个组合包含标题字体和正文字体。
2. 点击任意预设即可应用，实时预览示例文本效果。
3. 工具从 Google Fonts 实时加载字体。
4. 点击 Copy CSS 获取项目所需的 @import 代码。
5. 尝试不同组合，为你的网站或设计找到完美的排版方案。

Frequently Asked Questions 常见问题

• What makes a good font pairing? — A good pairing combines a distinctive heading font with a highly readable body font. Contrast in style (serif + sans-serif) or weight (bold + light) creates visual hierarchy without conflict.
• Are these fonts free to use? — Yes. All fonts from Google Fonts are open source and free for both personal and commercial use.
• How do I use Google Fonts in my project? — Copy the @import CSS code from this tool and paste it into your stylesheet. Then use the font-family in your CSS rules.

• 什么是好的字体搭配？ — 好的搭配将有特色的标题字体与高可读性的正文字体结合。风格对比（衬线 + 无衬线）或粗细对比（粗 + 细）能创建视觉层次而不冲突。
• 这些字体免费吗？ — 免费。Google Fonts 的所有字体都是开源的，个人和商业使用均免费。
• 如何在项目中使用 Google Fonts？ — 从此工具复制 @import CSS 代码，粘贴到你的样式表中，然后在 CSS 规则中使用 font-family。