Visualizing Responsive Typography

https://www.oddbird.net/2025/08/26/type-visual/

![](https://m.stacker.news/107386)

What do all the numbers in our `clamp()` do? There are multiple tools that can help create a fluid `font-size` calculation for CSS – generally expressed as a `clamp()` function combining `em` (or `rem`) with `vw` (or `vi`) units. But the results are difficult to understand at a glance, so I wanted to visualize what’s going on, and how the various units interact.

> _Utopia helpfully provides a warning when we create scales that are inaccessible._

> —Miriam Suzanne

https://stacker.news/items/1213760

Reply to this note

Please Login to reply.

Discussion

No replies yet.