Fluid Typography Calculator
Generate CSS clamp() expressions for fluid, responsive typography that scales between viewport widths.
Generated CSS
font-size: clamp(1rem, 0.71vw + 0.858rem, 1.5rem);Slope: 0.0071 rem/rem · Intercept: 0.858 rem
Live Preview
Viewport: 768pxFont size: 19.18px (1.199rem)
320px1440px
The quick brown fox jumps over the lazy dog
Size at breakpoints
| Viewport | px | rem |
|---|---|---|
| 320px | 16 | 1 |
| 480px | 17.14 | 1.071 |
| 640px | 18.27 | 1.142 |
| 768px | 19.18 | 1.1988 |
| 1024px | 21 | 1.3124 |
| 1280px | 22.82 | 1.426 |
| 1440px | 23.95 | 1.497 |