Responsive Typography: Design for Meaning, Not for Screen Size

Responsive web design is one of the most significant advances in web design. But what about your type? Changing floats and widths isn’t enough. We’ll look at screen size, relative proportion, device norms and compatibility in order to best present our design and convey its meaning and intent across devices and screen sizes. We’ll see how typographic scale changes across screen sizes, talk about measurement units and which ones work best, and look at how @font-face works and what tricks are being used by font services to serve your fonts faster. Explore the future of fonts on the web, and learn about tips & tools to ease your process & get more beautiful results.