Responsive, Fluid Typography

Type that responds to the user’s screen size, orientation and resolution is a holy grail of responsive design.

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

min and max font sizes, fluid typography, fluid modular scale headings, and more Finally, let’s discuss the future of fluid design and through variable typography our relationship with media queries.

And we’ll see how each of the typography techniques can be used today and applied with progressive enhancement!