I want responsive fonts, that alter depending on website width.
But! By setting fonts as EMs, tied to Viewport Width set in Body, the fonts shrink the moment the browser width is contracted. Rather than waiting until the element borders start to move.
What I want is for the fonts to only change size when the borders of their element close in.
This site achieves the effect beautifully:
https://minutehack.com/ (eg, look at the headline story, and resize the browser)
How is this done?
Here is my site Read-Only (look at the headline story, and how the fonts scale incorrectly)