clamp() Generator — Fluid Typography

Provide minimum, maximum sizes and viewport breakpoints to generate a responsive CSS `clamp()` expression.

Minimum font size (px) Maximum font size (px) Preferred/reference font size (optional, px)

Viewport width at minimum size (px) Viewport width at maximum size (px) Units for output

Click Generate to create a clamp() expression.

The quick brown fox jumps over the lazy dog

Resize your browser to see the font size respond.