Le vocabulaire de la typographie en anglais
Kerning, leading, tracking, ascender — maitrisez le lexique typographique pour travailler avec des équipes internationales.
Sommaire
La typographie : un langage universel avec un vocabulaire anglais
La typographie est l'un des piliers du design graphique et digital. Que vous conceviez une affiche, un site web ou une application mobile, les termes typographiques en anglais sont incontournables. Les outils que vous utilisez — Figma, Adobe InDesign, Sketch — emploient tous ce vocabulaire anglais dans leur interface.
Ce guide couvre l'ensemble du lexique typographique, de l'anatomie des lettres aux termes de composition numérique. Chaque terme est accompagne de sa prononciation et d'un contexte d'utilisation professionnel.
L'anatomie d'une lettre
Chaque caractère typographique possede une anatomie précise. Le baseline est la ligne invisible sur laquelle les lettres reposent. Le x-height est la hauteur des lettres minuscules (mesurée sur le "x"), un paramètre crucial pour la lisibilite.
L'ascender est la partie d'une lettre qui depasse au-dessus du x-height (comme le "b", "d" ou "h"). À l'inverse, le descender est la partie qui descend en dessous du baseline (comme le "p", "g" ou "y"). La cap height est la hauteur des majuscules.
Le counter est l'espace ferme ou semi-ferme à l'intérieur d'une lettre (comme dans le "o" ou le "e"). L'aperture est l'ouverture d'un counter partiellement ferme (comme dans le "c"). Le bowl est la partie arrondie d'une lettre (comme dans le "b" ou le "d").
Le terminal est l'extremite d'un trait qui ne se termine pas par un serif. Le stem est le trait vertical principal d'une lettre. Le crossbar est la barre horizontale (comme dans le "H" ou le "À"). Le shoulder est la courbe dans des lettres comme "n" ou "m".
Serif vs. Sans-serif : les grandes familles
Les serif typefaces (polices a empattement) possedent de petits traits decoratifs aux extremites des lettres. Times New Roman, Garamond et Georgia sont des classiques. On les associe à l'elegance, la tradition et la lisibilite en impression.
Les sans-serif typefaces (polices sans empattement) ont des extremites nettes, sans decoration. Helvetica, Arial et Inter en sont des exemples. Elles sont privilegiées pour le digital car elles offrent une meilleure lisibilite sur écran.
Les slab serif (ou Egyptian) sont des serif avec des empattements epais et rectangulaires. Rockwell et Courier en sont des exemples. Les monospaced fonts attribuent la même largeur à chaque caractère — essentielles pour afficher du code.
Les script fonts imitent l'écriture manuscrite. Les display fonts sont concues pour les titres et grands formats. Un type family (ou font family) regroupe toutes les variantes d'une même police : regular, bold, italic, light, etc.
L'espacement : kerning, tracking et leading
Le kerning est l'ajustement de l'espace entre deux caractères spécifiques. Par exemple, les lettres "AV" necessitent un kerning negatif pour paraître visuellement equilibrées. Un mauvais kerning est l'un des signes les plus evidents d'un design amateur.
Le tracking (ou letter-spacing en CSS) est l'espacement uniforme entre tous les caractères d'un texte. Augmenter le tracking est courant pour les textes en capitales : "LEARN MORE" sera plus lisible avec un tracking genereux.
Le leading (prononce "ledding", du plomb utilise en imprimerie) désigne l'interligne — l'espace vertical entre deux lignes de texte. En CSS, c'est la propriété line-height. Un leading trop serre rend le texte etouffant, trop large le rend deconnecte.
Le word spacing est l'espace entre les mots. Le paragraph spacing est l'espace entre les paragraphes. En design digital, on parle souvent de vertical rhythm pour décrire la cohérence de l'espacement vertical dans une page.
Les termes de composition
Le text alignment peut être left-aligned (aligné à gauche — le plus courant pour le corps de texte), right-aligned (aligne à droite), centered (centre) ou justified (justifie — aligne des deux côtés).
Un orphan est un mot seul au début d'une nouvelle colonne ou page. Une widow est une ligne seule en fin de paragraphe sur une nouvelle colonne. Les two éviter est un réflexe de typographe professionnel.
Le rag désigne l'irregularite du bord droit d'un texte aligne à gauche. Un bon rag est organique et ne crée pas de formes distrayantes. Le hyphenation est la cesure automatique des mots en fin de ligne.
La hierarchy typographique utilise différents niveaux de taille, de graisse et de style pour guider le regard. On parle de heading (titre), subheading (sous-titre), body text (corps de texte), et caption (légende).
Typographie numérique
En design digital, on utilise des termes spécifiques. Le font weight désigne la graisse : thin (100), light (300), regular (400), medium (500), semibold (600), bold (700), extrabold (800), black (900).
Les variable fonts sont des polices modernes contenant toutes les variations (graisse, largeur, inclinaison) dans un seul fichier. Elles permettent des transitions fluides entre les styles et reduisent le nombre de fichiers à charger.
Le fallback font est la police de remplacement utilisée si la police principale ne charge pas. Le font stack est la liste ordonnée de polices dans laquelle le navigateur choisit la première disponible : "Inter, Helvetica, Arial, sans-serif".
Le web-safe font est une police installée par défaut sur la majorité des systèmes. Le system font est la police native de l'OS (San Francisco sur macOS, Segoe UI sur Windows). Le font rendering varie selon les navigateurs et systèmes d'exploitation.
Enfin, le OpenType features englobe des fonctionnalites avancées : ligatures (quand deux lettres fusionnent, comme "fi"), old-style figures (chiffres avec ascenders et descenders), small caps (petites capitales), et swashes (lettres decoratives).
Utiliser ce vocabulaire au quotidien
En review de design, vous pourrez dire : "I think we should tighten the leading on the body text — it feels a bit loose." Ou : "The kerning between the T and the h needs adjustment." Ou encore : "Let's switch to a variable font to reduce our page load time."
Lors d'un handoff avec les développeurs : "The heading uses Inter Bold at 32px with -0.02em tracking and 1.2 line-height." Ce niveau de précision montre votre maîtrise et facilite le travail de l'équipe.
Vocabulaire de l'article
23 termes“We chose a modern sans-serif typeface for the brand.”
“The font used here is Inter Bold 16px.”
“The kerning between A and V needs manual adjustment.”
“Add extra tracking to uppercase text for better readability.”
“The leading feels too tight — increase it to 1.5.”
“Align both text blocks to the same baseline grid.”
“Fonts with a tall x-height are more legible at small sizes.”
“The ascender of the 'd' extends above the x-height.”
“Watch the descender on the 'g' — it overlaps the line below.”
“Serif fonts convey tradition and elegance.”
“Sans-serif fonts are preferred for digital interfaces.”
“Use font weight 600 for subheadings.”
“Variable fonts reduce the number of HTTP requests.”
“Enable ligatures for a more polished look.”
“Strong visual hierarchy guides the reader through the content.”
“Body text should be 16px minimum for good readability.”
“The caption below the image is set in 12px light.”
“Avoid orphans at the top of new columns.”
“This paragraph ends with a widow — rewrite it.”
“Always define a fallback font in your CSS.”
“The font stack is: 'Inter', 'Helvetica', 'Arial', sans-serif.”
“Use small caps for abbreviations like NASA or FBI.”
“Avoid justified text on the web — it creates uneven spacing.”
Contenu Premium
Accédez à toutes les leçons, articles et ressources avec l'abonnement Pro.
Voir les tarifs