CSS Font Clamp Generator
Generate perfectly responsive, fluid typography rules with ease.
Typography Settings (Pixels):
Formula Stats:
Calculated Slope (scaling rate):
0.0364
Y-Intercept constant:
4.3636 px
Accessibility compliant:
Yes (REM-based)
Generated CSS:
CSS CLAMP VALUE ONLY
clamp(1rem, 0.2727rem + 3.6364vw, 3rem)
COMPLETE CSS RULE
font-size: clamp(1rem, 0.2727rem + 3.6364vw, 3rem);
Live Viewport Preview:
650px
MOBILE (320px)
DESKTOP (1600px)
Responsive Text Scaling Live!
Current font-size: 24.0px
