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));


  • 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.
WhatsApp chat