CSS clamp() Font-Size Generator
Fluid typography without media queries — smooth scaling between a minimum size on a small viewport and a maximum size on a large one.
Runs entirely in your browser — no upload, no registration.
Live clamp preview scales with your viewport.
CSS
font-size: clamp(16px, 0.75rem + 1vw, 24px);What this tool does
Solves the linear equation between two (viewport-width, font-size) pairs and emits a clamp() expression.
Why you might need it
clamp() replaces four to six responsive media queries with a single, math-exact line.
How to use it
- Enter min and max font sizes.
- Enter the viewport widths where those sizes should hit.
- Copy the CSS.
Always review the included licence before commercial use. Do not remove copyright records, designer names, licensing metadata or embedding restrictions from any font you process.