Free CSS Font Stretch Generator
Control font width with our free tool. Font-stretch from condensed to expanded.
- Width slider control
- Variable font support
- Percentage values
- Keyword presets
- Layout impact preview
Frequently Asked Questions
What is font-stretch?
font-stretch selects condensed or expanded versions of a font family. Values range from ultra-condensed (50%) to ultra-expanded (200%), with normal at 100%.
Does font-stretch work with any font?
Only fonts with multiple width styles or variable fonts with a width axis. If the font lacks width variations, font-stretch has no effect.
When should I use condensed fonts?
Use condensed fonts for tight spaces like tables, navigation, or when you need more text in limited width. Avoid for body text—it reduces readability.