Typography
- Free forever
- No sign-up
- Instant results
CSS Fluid Type — clamp() Generator
Generate a CSS clamp() value for fluid responsive typography. Set your minimum and maximum font sizes and viewport range and get the exact clamp() output ready to copy.
CSS clamp()
—
When would you use this?
Fluid typography, where font sizes scale smoothly between mobile and desktop without breakpoints, is one of the best things to happen to CSS in years. The trick is the clamp() function, but writing the formula by hand involves a bit of math that nobody should have to do manually. Plug in your minimum font size, maximum font size, and the viewport range you want them to span, and this generator outputs the exact clamp() value to copy into your CSS.