关于 Web 字体搭配工具
该工具用于选择标题字体与正文字体组合，实时预览排版效果，并输出可直接落地的 CSS 样式。
核心功能
- 双字体筛选：分别选择标题字体与正文字体，支持搜索过滤。
- 组合推荐：内置常见搭配方案，快速获得可用字体对。
- 实时预览：可编辑预览文案，观察标题、正文、引用等排版表现。
- 排版参数调节：支持字重、字间距、行高等关键参数。
- 可读性评分：提供可读性进度指标辅助选择。
- CSS 导出：一键复制最终样式并可重置配置。
使用说明
- 先选标题字体，再选正文字体。
- 在预览区输入实际文案进行验证。
- 调整字重、字距、行高，观察可读性指标变化。
- 复制生成 CSS 并应用到页面样式系统。
适用场景
- 营销页和品牌官网排版设计。
- 博客/文档站字体系统选型。
- 设计稿到前端样式落地前的快速验证。
常见问题
看起来好看但阅读吃力怎么办？
优先提升正文可读性：降低字重、增大行高、减少过度装饰字体使用。
CSS 复制后样式不生效？
请确认字体资源已正确加载（如 @font-face 或外部字体服务），仅复制样式规则不足以加载字体文件。