Font Pairing
VerifiedFont Pairing — software development tool. Supports Web, HTML, Font pairing recommendations, Chinese fonts guide.
$ Add to .claude/skills/ About This Skill
Content available in Chinese
# font-pairing
字体搭配推荐、中文字体指南、Web字体加载、标题字体、系统字体栈、预览HTML生成。Font pairing recommendations, Chinese fonts guide, web fonts, heading fonts, system font stacks, preview HTML.
核心特点
🎯 精准 — 针对具体场景定制化输出 📋 全面 — 多个命令覆盖完整工作流 🇨🇳 本土化 — 完全适配中文用户习惯
命令列表
| 命令 | 功能 | |------|------| | `pair` | pair | | `chinese` | chinese | | `web` | web | | `heading` | heading | | `system` | system | | `preview` | preview |
专业建议
- 对比** — 标题和正文用不同类型(如衬线+无衬线)
- 层次** — 最多3种字体：标题、正文、强调
- 一致性** — 同一项目保持字体统一
- 可读性优先** — 正文用易读字体，装饰字体只用于标题
- | 标题 | 正文 | 风格 |
--- *font-pairing by BytesAgain* --- 💬 Feedback & Feature Requests: https://bytesagain.com/feedback Powered by BytesAgain | bytesagain.com
Examples
```bash # Show help font-pairing help
# Run font-pairing run ```
Commands
Run `font-pairing help` to see all available commands.
Use Cases
- Suggest harmonious font combinations for web and print design projects
- Match heading and body fonts that work well together visually
- Find free Google Fonts alternatives to expensive typeface pairings
- Generate CSS font-family declarations with proper fallback stacks
- Preview font pairings with sample text to evaluate visual harmony
Pros & Cons
Pros
- +Curated pairings save time compared to manual font combination testing
- +CSS-ready output is immediately usable in web projects
- +Free font focus makes recommendations accessible to all budget levels
Cons
- -Documentation primarily in Chinese
- -Only available on claude-code and openclaw platforms
- -Font pairing is subjective — AI suggestions should be validated by design review
FAQ
What does Font Pairing do?
What platforms support Font Pairing?
What are the use cases for Font Pairing?
100+ free AI tools
Writing, PDF, image, and developer tools — all in your browser.
Next Step
Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.