Responsive Font Size Generator

Generate CSS clamp() values for fluid, responsive typography.

Min Size (px)

Max Size (px)

Min Viewport (px)

Max Viewport (px)

Generated CSS

font-size: clamp(1rem, 0.8182rem + 0.9091vw, 1.5rem);

16px

at 320px viewport

20.0px

at 760px viewport

24px

at 1200px viewport

Preview at max size (24px)

Preview at min size (16px)

What is CSS clamp()?

CSS clamp() creates a responsive value that scales between a minimum and maximum. For typography, it allows font sizes to grow and shrink smoothly based on the viewport width, without media queries.