Responsive typography on steroids with Typetura

Responsive typography is tricky, and while solutions with clamp() can be really handy, we can’t have that look at the context of an element, only the viewport width (at least for now). With Typetura, we can have it look at the context that the element is in, change the easing curves, and even animate other properties than just the font-size. It’s pretty cool! 🔗 Links ✅ Typetura: ⌚ Timestamps 00:00 - Introduction 01:16 - What we’re starting with 01:59 - The problem with clamp() 02:47 - Adding Typetura to a project 04:07 - Setting up the keyframes and getting them working with a selector 07:29 - Adding a context 09:04 - Changing the max size 10:47 - Defining custom contexts 13:24 - Adding a fallback 14:45 - More than just font-sizes 15:34 - Easing #css - ... #Kevin_Powell #css #front-end #frontend #html #tutorial #responsive_type #responsive_typography #css_typography 20220210 fs9uJ7I4a70