CSS Clamp Generator

Build a fluid clamp() for responsive typography from min/max sizes and viewport widths.

Min size (px)

Max size (px)

Min viewport (px)

Max viewport (px)

Root font (px)

CSS

font-size: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem);

Generates a fluid clamp() that scales linearly between the two viewport widths, then locks at the min and max. Sizes are output in rem. Runs locally.