Gentle text reducer

In the previous example, we gently enlarged the text as the browser widened by adding a fraction of a vw to a base pixel value.

So, what would happen if we subtracted some vw value from a base pixel value?

In this example, we start (arbitrarily) with the pretty large font size of 24px, then decrease by .6vw as we grow.  

html {
  font-size: calc(24px - 0.6vw);
}

Lo and behold!  The text gets smaller at the wide end, and larger at the narrow end.  Which, come to think of it, isn't entirely without merit.  We might like slightly larger overall font size for smaller tablets and phone.  But, we still might want larger text for larger windows as well.