Since `ch` units are based on your current font their value can change when fonts are loaded and cause unexpected layout shifts.

The websites we make are nothing less than multi-dimensional objects: the size and shape of them change with every device and browser they are viewed on. We have lots of new tooling to develop layouts for this multi-dimensional landscape, but one crucial element seems to have resisted our attempts at tooling: our typography. How does our typography both maintain meaningful structure while flexing across our dynamic website space? In this talk, we’ll explore that problem. We will make a map of how text and typography behave in our website landscape, and then take these maps and apply them using CSS animations. In this way, we’ll drive dynamic interpolations across our websites' multiple dimensions. ----- About Scott Kellum Scott Kellum is the founder of Typetura, a typography as a service company offering both bespoke and ready-made typographic solutions. With over 15 years of design experience across type, editorial, digital, and print design; Scott’s experience gives him a unique perspective on the typographic challenges and opportunities in the design industry. He has invented multiple web technologies, holds two patents, and has contributed to major projects at Vox Media, Darden Studio, and Roger Black Studio. These accomplishments include inventing dynamic typographic systems, high impact ad formats, new parallax techniques, and the fluid typesetting technology that powers Typetura itself. ----- This talk was held at the "beyond tellerrand" conference 2023 in Düsseldorf: More information about beyond tellerrand (#btconf in short) here: https://beyondtellerrand.com beyond tellerrand is the affordable single-track event where creativity and technology meet in a renowned, familiar and friendly atmosphere. Mastodon: https://mastodon.social/@btconf Linkedin: https://www.linkedin.com/groups/3808125/ Instagram: https://instagram.com/btconf Twitter: https://twitter.com/btconf