Graham Harper
Mia (web luddite)I'm not sure our best practices for responsive & fluid #CSS typography are actually *the best*.
On my own site, using the widely accepted approach, a user preference of 16px gives me ~24px font. A pref for 24px gives me ~36px.
Where did we go wrong?
I'm not the first to point this out, and link to an older post by @aardrian that is worth your time:
iamdtms
Adrian Roselli, pH0
Dan Neuman 🇨🇦
Matt Wilcox@mattwilcox Thanks, should be fixed as soon as it re-deploys
Noah Liebman@mia If I’m not mistaken, once we have unit algebra in calc() or calc-mix() and progress(), shouldn’t it be possible to do entirely in CSS at runtime without assuming anything about px-per-rem?
@noleli I'm not sure what "it" is in this sentence. I'm less worried about doing something at runtime in CSS, and more worried that we're doing the wrong thing in the first place.
@mia fair! I was thinking about the Utopia approach but without assuming 16px/rem, so if someone increases their root font size pref the ratios between the steps of the type scale are all retained, and nothing gets prematurely clamped. But your idea of a subtly responsive root font size is definitely something to ponder 🤔
Roma Komarov@mia Hm hm hm, I have some ideas re: all of this, will need to write a blog post :D