Espacement des lettres, métriques, ligatures et césure.
Réglage de l’espace entre une paire précise de caractères. Il corrige un écart local, contrairement à l’approche qui agit sur toute la chaîne.
Seules les paires AI et vC changent. Les autres espacements restent identiques.
Hauteur d’une minuscule comme x, par rapport à celle des capitales. Une hauteur d’x élevée fait paraître une police plus grande à taille égale : deux polices en 16px peuvent donc sembler très différentes.
Même taille de police. Les repères suivent la hauteur du x ou du H mesurée dans le navigateur.
Division d’un mot entre deux lignes par un trait d’union. Utile en colonnes étroites ou en texte justifié ; l’automatisme dépend de la langue et du navigateur.
Thoughtful typography makes extraordinary interactions feel understandable.
Distance verticale entre les lignes. Trop serrées, elles se confondent ; trop éloignées, elles perdent l’unité du paragraphe.
Une bonne typographie laisse respirer les idées. La distance entre les lignes et leur longueur donnent un rythme à la lecture. Modifiez un réglage pour observer comment les mêmes mots prennent une autre forme.
Espacement uniforme dans un mot ou un passage. Les libellés en capitales gagnent souvent à être légèrement espacés.
COMPTERegardez ici
Texte dépassant son cadre. Une ellipse (…) signale une coupure ; le retour à la ligne préserve le contenu si la place le permet.
Alexandra Kim
Designer produit · Systèmes de design et expérience utilisateur
Transformer les idées complexes en produits clairs et utiles, avec des interactions pensées pour le quotidien.