Fluid Typography Calculator

Generate CSS clamp() for fluid responsive typography.

Min Font Size (px)

Max Font Size (px)

Min Viewport (px)

Max Viewport (px)

CSS Output:

font-size: clamp(1.0000rem, 0.8182rem + 0.9091vw, 1.5000rem);

Preview (resize browser to see fluid effect):

This text scales fluidly between 16px and 24px

Slope: 0.9091vw

Intercept: 0.8182rem