CSS Output
font-size: clamp(1rem, 0.6667rem + 1.6667vw, 3rem);
Live Scaling Preview
VP:
1280px
This text scales fluidly between your defined constraints. Resize the window or use the slider above to see it in action.
Pro Tip
Clamp is supported by 96%+ of browsers. For older browsers, provide a static fallback font-size before the clamp property.
Accessibility
Always use REM units for typography to respect user's browser font-size preferences and browser zooming.