Typesetting

@typesetting
624 Followers
178 Following
254 Posts
Here, @timbrown shares ideas about how to practice typography, and how the craft is changing.
Bookhttps://flexibletypesetting.com

Did I wake up thinking I’m going to write a mini sequel to my decade-old essay about the difficulties with font sizing and aligning? Not really. But turns out it’s so easy to get me going on all that with even a tiny gesture toward a hint of a question.

https://unsung.aresluna.org/the-trouble-with-font-previews/

✍️ New Article: Better fluid sizing with round()

I wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it.

πŸ”— https://ishadeed.com/article/css-round

@atypi has been posting videos from last year’s conference.

For anyone, like me, who is an Arabic outsider, I can highly recommend this session: https://www.youtube.com/watch?v=1_tsAAygfmM

Panels don’t always work well, but this one had such a wide array of perspectives and insights, all from brilliant people. I learned so much!

Excellent moderation, @Sahar!

#ArabicType #Typography #TypeDesign #ATypI

From Calligraphy to Pixels: Investigating Modern Arabic Type (panel) | ATypI 2025 Copenhagen

YouTube

Have you been wishing masonry layouts would just hurry up and arrive in CSS?? Well, happy holidays!

https://webkit.org/blog/17660/introducing-css-grid-lanes/

Introducing CSS Grid Lanes

It’s here, the future of masonry layouts on the web!

WebKit

Fit width text in 1 line of CSS
`text-grow: per-line scale;`

https://nerdy.dev/css-text-grow

(prototype in Canary 165+)

Another small update to Wakamai Fondue!

I cleaned up the yellow in-site navigation bar, but more importantly, I added some config options to the generated stylesheet:

πŸ‘‰ Toggle `unicode-range` for your `@font-face` rule
πŸ‘‰ Produce dedicated classes for the variable instances
πŸ‘‰ Include `@supports` rules for newer syntaxes
πŸ‘‰ Make the CSS "namespace" optional

I might clean up the UI a bit more, but for now I'm happy with the dev power it gives you!

https://wakamaifondue.com/beta/

#webdev #fonts #css

For spacing values on a website – is it better to respond to font-size, or available space, or stick with static units?

You don't have to choose! Sometimes the best unit in CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions.

https://www.oddbird.net/2025/09/23/type-units/ #css

The Best CSS Unit Might Be a Combination

We don't have to choose between px and rem for spacing

OddBird

I've been exploring different ways to interact with a user preferred font size. Could the max() function work better than a classic px-to-em conversion?

Along the way: How Best Practice ruined text-only zoom! 😬

Still thinking about units & type in #CSS …

https://www.oddbird.net/2025/07/22/size-preferences/

Designing for User Font-size and Zoom

Using modern CSS units and math functions

OddBird
Gongrats to our friends at @futurefonts! Launched in 2018, they pioneered the idea of selling #fonts in progress. These future fonts – created by their community of independent type designers – are now represented with 500+ in-use examples in the #FontsInUse Collection πŸ’―πŸ’―πŸ’―πŸ’―πŸ’― https://fontsinuse.com/sets/3614/future-fonts-1
Future Fonts

futurefonts.com

Fonts In Use
What an honor!! Thank you, CSS Tricks 😍
https://mastodon.social/@csstricks/114835694183237121