Speaker Deck

Responsive Web Typography @ Awwwards Barcelona

by Marko Dugonjić

Published February 24, 2015 in Design

Responsive Web Design done correctly is based upon content rather than actual device resolutions, and so typography should adapt to both layout and sizing across content breakpoints.

However, mere font sizing along the typographic scale based upon two-dimensional viewport @media queries is not enough.

Apart from setting the correct balance of the black and the white in letterforms and texts, there are other important factors such as reading distance, information density, screen sharpness and device orientation that also influence the reading process.

Learn to look at typography multidimensionally and enhance the overall responsive experience.