Michael Taranto

Michael Taranto Design System Engineering Lead SEEK

Web fonts, without the jank

explore the program

Web fonts, without the jank

Fallback fonts. They don't often get much of our attention, after all, they are only a fallback! But their importance is growing with a focus on user experience metrics like Cumulative Layout Shift (CLS) — a metric targeted at improving janky page load experiences.

In this talk, we will explore modern CSS font-face descriptors, such as size-adjust and metric overrides, and leverage fallback fonts for better alignment with web fonts.

To achieve this, we journey through the world of font metric tables and how we can use them to calculate the required CSS, dramatically reducing layout shift on page load — all the design aesthetic of web fonts, without the jank.

Michael Taranto

Michael is the Design System Engineering Lead at SEEK, looking after the Braid Design System and supporting tooling. As the co-creator of open source libraries such as Capsize, Playroom and Vanilla Extract, he enjoys working on and contributing to solutions in the open source community.

He has a passion for working at the notoriously separated intersection of design and engineering, and enjoys innovating on solutions that bridge the gap and help teams deliver systems-based web experiences faster.

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.