Mia (web luddite)Feb 12, 2025

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?

https://www.oddbird.net/2025/02/12/fluid-type/

Reimagining Fluid Typography

Are we responding to the right inputs?

OddBird
Show threadMia (web luddite)

I'm not the first to point this out, and link to an older post by @aardrian that is worth your time:

https://adrianroselli.com/2024/03/the-ultimate-ideal-bestest-base-font-size-that-everyone-is-keeping-a-secret-especially-chet.html

Feb 12, 2025 at 11:11pmWeb
Show threadiamdtmsFeb 12, 2025
@mia @aardrian Cool articles, thank you. With a screen & media query environment, dvw unit helped me a bit for scaling sizes. That was the last state of font-size refabrication for me, looking forward to have a solution of small amount #CSS codes.
```
--header-title: calc(2rem + 1dvw);
```
Show threadAdrian Roselli, pH0Feb 13, 2025
@mia ugh chet
Show threadDan Neuman 🇨🇦Feb 16, 2025
@mia @aardrian Oh, that is useful. Hopefully most publicly-facing web designers know about this.