Cofounder of Clearleft, author of Web Typography book, designer of digital things, loves a bit of service design, cyclist. Known elsewhere as @clagnut.
@katiefenn don't know if you saw, but if you select Sequoia Beta Updates it stops nagging you about Tahoe.
What’s new in web typography?
This is a question I’ll be answering at this year’s https://webdayout.com
I’ll run along the cowpaths that have been paved and spend time with the new and shiny things that bring expressiveness, fine detail, responsiveness, consistency and efficiency to your work: variable fonts in all their glory, typographic units, drop-caps, hanging punctuation, `text-box-trim`, container-aware fonts and fluid type.
Use JOIN_RICH to get 10% off.
@db I presume it looks to see which glyph substitutions have been set up in the font. If all the glyphs in the string to be superscripted are available as superscript substitutions in the font OpenType tables then in uses them, otherwise it synthesises the lot.
@benjaminparry I love the b-side too. Contronatura (Prelude To The Autumn Of A Faun Mix - Kid Loco remix). More 'bouncy' than 'glitchy'.
https://www.youtube.com/watch?v=ECUrCc2_cYU
@brucelawson life's too short to have beans touching egg.
@brucelawson bonus points for black pudding. Many minus points for beans touching egg though. Cannot abide.
RE: https://mastodon.saadatmand.pk/@saadat/116101019896666172
I love this fantastic write up from @saadat on using `@counter-style` and more to get numbered lists working properly in Urdu. It's sort of fiddly, but exactly the kind of thing modern CSS is there for.
RE: https://mastodon.social/@Clearleft/116098055180365433
"Rule #1 Use AI only for tasks you already know how to do, on occasions when the time that would be spent completing the task can be better spent on other problems."
I think "already know how to do" could extend to "or know you could find out how to do". Point being you're in a position to assess the mediocrity and debug the problems.
RE: https://front-end.social/@piccalilli/116097200401916672
You want lists? You got lists!
In 2017 my Web #Typography book had ~300 words on styling lists. Now, in 2026, I've written 3000 words on the subject!
#CSS sure has moved on...
Just look at this lot to try and understand: list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols.
@zeldman I certainly appreciate AI being used to remove cruft rather than 'beautify' (ie. tastelessly adding more noise to the signal).
@paddyduke @sturobson yeah that would be good. Of course there's no actual breakpoints in the way Utopia works, just clamps at the extremes, with the main premise enabling different scales at different viewports (or containers). There's other benefits too IMO, with the common language that can be shared for type size and spacing btw designer and developer.
@sturobson Wow. i'd just got to writing the bit of my Web Day Out talk where I was going to skip over fluid type and point to previous talks, but now I'm not so sure...
RE: https://front-end.social/@sturobson/116085438807838226
Programming typographic scales right into the CSS. Mind continues to be blown.
@db Yes it used to be just x-height, but now can do ch-width as well. Baseline support too! Let me know how you get on.
I'll add ch-width to my font-size adjust tool when I get a moment.
@db Thanks - really interesting approach to the three fonts. There's an alternative for Ahkio you might like to try.
Instead of blocking you could use `font-size-adjust ch-width 0.4765625` on your headings.
This will cause the fallback font to be visibly reduced in size so that its character width matches Ahkio.
The magic number is the ratio of the 'advance width' of a zero (976 as found using https://fontgoggles.org) divided by the font-size (2048).
See https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/font-size-adjust
RE: https://front-end.social/@mia/116082300365033916
CSS is a ‘continuous project realising [a] vision.’ Perfectly put.
And then there's this https://goodlawproject.org/update/high-court-rules-on-lawfulness-of-the-ehrcs-interim-guidance/
:(
Sending love and solidarity to the trans community. You are not "other". You are our friends, our family, and you are, and should fucking well be, equal 💜
