CSS Clamp Font Size Calculator

Enter your desired minimum and maximum font sizes at their respective viewport widths to calculate the CSS clamp() value.

Here min viewport width is font size decrease ending point from web to mobile. And max view port width font size decrease starting point from web.

For example below default minimum font size 24px in 360px view port width. Font size never decreased below 360px devices. Same as, the default maximum font size 40px in 1200px view port width. So, the font size never increase above 1200px devices.

Minimum Font Size (px):

Min Viewport Width (px):

Maximum Font Size (px):

Max Viewport Width (px):

Calculated CSS clamp() value:

Click "Calculate" to see the result.

Current Viewport Width: 0px

Current Font Size (of Preview Text): 0px

This is a preview text. Resize your browser window to see the font size change dynamically based on the clamp() function!

This calculator generates a clamp() value for fluid font sizing, ensuring it stays within your defined min/max limits while scaling responsively across different screen sizes.