Where this tool helps
Useful for fluid typography and responsive website design.
DEVELOPER TOOLS / FREE ONLINE TOOL
CSS Clamp Calculator
Generate a responsive CSS clamp() font size rule from two viewport widths and two font sizes.
✓ Browser only✓ No signup✓ Copy or download
Privacy and limitations
The generated rule interpolates linearly. Check readability and your layout at intermediate device sizes.
How to use CSS Clamp Calculator
- Enter minimum and maximum font sizes in pixels.
- Set the corresponding viewport widths.
- Generate the CSS rule and inspect the live sample.
What to know before you start
The generated rule interpolates linearly. Check readability and your layout at intermediate device sizes.