Streaming live at 10am (PST)

How can I scale fonts by element size, not VW?


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: (eg, look at the headline story, and resize the browser)

How is this done?

Thank you!

Here is my site Read-Only (look at the headline story, and how the fonts scale incorrectly)