Responsive Web Typography @ Awwwards Barcelona

10a4285792e47c507ab4782b6716c0d1?s=47 Marko Dugonjić
February 24, 2015

Responsive Web Typography @ Awwwards Barcelona

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.

10a4285792e47c507ab4782b6716c0d1?s=128

Marko Dugonjić

February 24, 2015
Tweet