Post

Red Blob Games
@redblobgames.com

matklad.github.io/2025/07/16/f... convinced me to try the "font-size-adjust" feature — it's now live on redblobgames.com . I'm using it to to keep the body text and code (monospace) text matched. caniuse.com?search=font-... shows Firefox (partial) support started in 2008, Chrome in 2024.

matklad.github.iofont-size-adjust Is UsefulIn this article, I will describe a recent addition to CSS, the font-size-adjust property. I am also making a bold claim that everyone in the world misunderstands the usefulness of this property, inclu...
Guillermo Rodas 🦄@guillermorodas.com

🆕 CSS `font-size-adjust` is now in all major browsers! ✨ It ensures consistent text appearance with fallback fonts by adjusting font sizes. 🔧 Improve your web design with this new tool. web.dev/blog/font-si...

Red Blob Games
@redblobgames.com

I had used it long ago but dropped it after realizing no browsers other than Firefox were going to support it :( Glad to see the other browsers now support it :) I had to turn it off for SVG <text>

morgan
@morgan3d.bsky.social

Monospace for code vs. the surrounding proportional fonts is exactly the use case I care about as well. I'll investigate putting this in the default Markdeep stylesheet, which will also make it easier to override a single font without having to restyle everything.

Red Blob Games
@redblobgames.com

I'm currently using body { font-size-adjust: ex-height 0.48; } svg { font-size-adjust: none; } tt, code, kbd, samp, pre { font-size: 0.9em; } but still need to test it on more systems

0 reposts1 like

No replies yet.