工具定位

Web字体组合搭配用于快速完成标题字体与正文字体的搭配验证。你可以在同一页面内完成筛选、预览、可读性评估和 CSS 输出，减少设计到开发的反复沟通成本。

核心功能

• 支持标题与正文两组字体独立搜索和选择。
• 内置多套推荐搭配，可一键应用并继续微调。
• 提供标题字重、字间距与正文行高控制，实时反映排版变化。
• 生成可直接使用的 CSS 代码，并支持一键复制。

使用步骤

1. 先在左侧分别选择标题字体和正文字体，或直接使用推荐组合。
2. 在右侧输入标题与正文示例，观察多层级文本的预览效果。
3. 调整字重、字间距、行高，并参考可读性评分优化细节。
4. 确认后复制 CSS 代码，应用到网站或组件样式中。

应用场景

• 企业官网、活动页和落地页的排版方案验证
• 设计系统中的字体规范制定与跨团队评审
• 前端样式开发时的字体替换与视觉一致性检查
• 品牌改版或内容平台升级时的可读性优化

搭配建议

• 标题和正文尽量形成层级差异，但不要冲突过强。
• 正文建议优先保证长段落阅读舒适，再考虑风格化。
• 字间距不宜过大或过小，极端值会削弱标题辨识度。
• 确定字体后在真实页面宽度下复核移动端可读性。

隐私说明

本工具不上传你的文本内容与样式参数，所有计算和预览都在浏览器本地完成。