UnitCraft utility
Fluid typography generator
Given min/max viewport widths and px sizes, derive slope in vw + intercept in px/rem compatible with WCAG resizing when paired sensible mins.
Calculator
css
font-size: clamp(1.1250rem, 0.7624rem + 1.5470vw, 2.0000rem);
css
/* px-based */ font-size: clamp(18.00px, 12.20px + 1.5470vw, 32.00px);
Accessibility
Ensure minimum readable size at 320px widths.
Test with OS font scaling—not only browser zoom.
Frequently asked questions
- Prefer rem in clamp?
- Yes—rem-based mins align with user root settings; we output rem + px variants.
Related tools
Explore more