Free tool
Fluid Type Calculator
Turn a minimum and maximum size into a clamp() value that scales smoothly between screen sizes. Ready to paste into Webflow variables.
Smallest screen (px)
Largest screen (px)
Root font size (px)
Sizes: name, smallest (rem), largest (rem)
Using it in Webflow
Where the values go.
Size variables
Webflow variables accept clamp(). Paste each value into a size variable and use it on your type classes.
One scale, every page
Set it once in the style guide. Every heading then scales the same way everywhere.
Check the extremes
Look at the smallest and largest screens. If a long word breaks the layout, lower the smallest size.