Fluid Typography Calculator
Generate a responsive CSS clamp() for font size.
Type that scales with the screen
Fluid typography lets font size grow smoothly between a minimum on small screens and a maximum on large ones, using a single CSS clamp() with no media queries. This tool builds the expression for you.
Enter the font-size range and the viewport widths it spans, and it computes the clamp() with the right slope. Scaling 16 pixels at 360 up to 32 pixels at 1280 produces a clean, responsive rule.
Responsive and private
The CSS is generated in your browser, so nothing you enter is uploaded.
Frequently Asked Questions
What does clamp() do?
It scales a value between a minimum and maximum based on the viewport, so text grows smoothly with screen width.
What do I enter?
The minimum and maximum font sizes and the viewport widths where each should apply.
Can I copy the CSS?
Yes. The full clamp() expression is shown and copyable.
Browse the full set of free, private, in-browser tools.