Advanced Fluid Typography

A presentation at CSS Dev Conf in in San Antonio, TX, USA by Mike Riethmuller

In my talk I will provide a general overview of unit types and values in CSS, with a specific focus on how viewport units, calc() expressions work. Armed with this understanding, we’re going to learn how to create a “pure function” with CSS that uses viewport units as a variable. I am then going to demonstrate some practical uses for this including:

min and max font sizes, advanced fluid typography, fluid modular scale headings

I will show you how each of the typography techniques can be used today and applied with progressive enhancement!