Dennis Sinacola wrote this in a comment on FB:
vw scales too fast as a straight unit. You can use the css calc() function to make it much more useful. For example I use this formula for responsive text:
font-size: calc(16px + (24 – 16) * (100vw – 400px) / (800 – 400));
Where
- 16 represents the minimum font size you want it to shrink to,
- 24 the largest to expand to,
- 400 the smallest viewport to stop the font size reducing at, and
- 800 the largest viewport to stop the font size scaling up to.
