核心用法
font-pairing 是面向设计师与前端开发者的专业字体搭配工具,提供从灵感获取到落地实施的完整工作流:
- `pair`: 智能字体配对推荐,输入场景需求即可获得专业搭配方案
- `chinese`: 中文字体专项指南,解决中文排版特有的字重、字形适配问题
- `web`: Web字体加载优化,提供 @font-face 配置与性能策略
- `heading`: 标题字体精选,强化视觉层次感
- `system`: 系统字体栈构建,确保跨平台一致性
- `preview`: 生成可视化HTML预览,即时验证搭配效果
显著优点
1. 本土化深度: 专为中文用户设计,充分考量中文字体特性(如思源宋体/黑体、方正系列等)
2. 场景驱动: 针对「科技博客」「电商海报」「企业官网」等具体场景输出,而非泛泛推荐
3. 工程化闭环: 从美学建议直达代码实现,支持 font-display、subset 加载等性能优化
4. 即时验证: preview 命令生成的HTML可直接在浏览器测试,降低决策成本
潜在局限
- 依赖外部字体CDN或本地字体文件,离线场景受限
- 生成的代码建议需开发者具备基础CSS知识才能落地
- 艺术字体版权需用户自行确认商用授权
适合人群
- UI/UX 设计师寻求排版灵感
- 前端开发者优化字体加载性能
- 内容创作者提升博客/自媒体视觉质感
- 中文排版初学者系统学习字体知识
常规风险
- 版权合规: 商业项目需核实字体授权(尤其方正、汉仪等商业字体)
- 性能影响: Web字体加载不当可能引发FOUT/FOIT,需配合 loading 策略
- 审美主观性: AI推荐需结合品牌调性人工校验,避免同质化