web-typography
Select, pair, and implement typefaces for web projects. Use when the user mentions "font pairing", "which typeface", "line height", "responsive typography", "web font loading", "type hierarchy", "variable fonts", "FOUT/FOIT", "typographic scale", or "the text is hard to read". Also trigger when choosing between system fonts and web fonts, optimizing font-loading performance, or designing readable long-form content. Covers readability evaluation, CSS implementation, and performance optimization. For overall UI design systems, see refactoring-ui. For dramatic typographic experiences, see top-design.
- Version
- 1.5.0
- License
- MIT
Pinned to revision 6bac1534f9f2, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/web-typography/SKILL.md
- skills/web-typography/references/css-implementation.md
- skills/web-typography/references/evaluating-typefaces.md
- skills/web-typography/references/pairing-strategies.md
- skills/web-typography/references/responsive-typography.md
- skills/web-typography/references/typeface-anatomy.md
Every link opens the file at its source, pinned to the revision this page describes.