Aller au contenu

Responsive Web Typography

Par Marko Dugonjić

Conférence (50 mn) :
Langue :
Anglais
Sous-titres :
Français

Le sujet

Responsive Web Typography

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.

La typographie dans le Web Responsive

L’application correcte du Responsive Web Design (RWD) part du contenu plutôt que des résolutions de périphériques, aussi la typographie devrait s'adapter tant à la disposition qu'aux redimensionnements au travers des points de bascule du contenu.

Toutefois, se limiter à modifier la taille de fonte en fonction des dimensions du viewport à l'aide des Media Queries n'est pas suffisant.

Il importe non seulement de trouver le bon équilibre entre noir et blanc dans les formes lettrées et contenus textuels, mais aussi d'examiner d'autres facteurs importants tels que la distance de lecture, la densité d'information, la finesse de l'écran et l'orientation du périphérique, tous ces éléments ayant une influence sur le processus de lecture.

Apprenez à considérer la typographie d'un point de vue multidimensionnel et à améliorer l'expérience responsive générale que vous fournissez.

Présenté par