Cette formation a pour but de sensibiliser le public aux différents enjeux dans le choix d’une mise en page textuelle sur Internet.
La formation présentera dans les grandes lignes les différents types de police utilisés sur Internet, les situations où certaines polices sont plus ou moins adaptées, et les astuces d’ergonomie et de mise en page dans la création d’un site web.
1. WEB
TYPOGRAPHIE
par Damien Senger, webdesigner fonctionnel
mercredi 3 décembre 2014 – Strasweb
2. « TYPE NERD »
La typographie se doit d’être accessible.
3. « Everyone working on the web is a
typographer whether they know it or
not. »
– Richard Rutter
An Event Apart
4. La typographie est un élément intrinsèquement
lié à la marque, surtout sur le web
La typographie permet d’identifier un design,
elle a une personnalité,
une tonalité
et une couleur.
5.
6. « A brand is just a typeface, it’s all you
fucking need. »
– Erik Spiekermann
Brand New Conference
40. Font size
« em » est l’unité relative du webdesign
16px est la taille utilisée par défaut
1 em = 16 px de base
font-size: 1em; /* 16px si aucune modif avant */
41. Kerning
Le kern est l’espace entre deux lettres
letter-spacing: -.1em;
42. Line-height
La hauteur de ligne est l’espace vertical dans
lequel le texte va s’insérer
font: 1.2em/1.5em Helvetica, sans-serif;
line-height: 1.5em;