Typography Glossary

La ligne invisible sur laquelle reposent la plupart des lettres. Les jambages inférieurs descendent en dessous de la ligne de base.

La hauteur des lettres minuscules (comme « x ») mesurée depuis la ligne de base. Facteur clé de la taille perçue et de la lisibilité d'une police.

La partie d'une lettre minuscule qui dépasse au-dessus de la hauteur d'x, comme dans « b », « d », « h », « k », « l ».

La partie d'une lettre qui descend sous la ligne de base, comme dans « g », « j », « p », « q », « y ».

La hauteur d'une lettre majuscule mesurée de la ligne de base au sommet de capitales plates comme « H » ou « I ».

La différence entre les parties les plus épaisses et les plus fines des foulées d'une lettre. Les polices à fort contraste (comme Didot) présentent une variation dramatique.

Deux lettres ou plus combinées en un seul glyphe, comme « fi » ou « fl ». Fréquentes dans les polices à empattements et les polices de code (ex. Fira Code).

La représentation visuelle d'un caractère. Un même caractère peut avoir plusieurs glyphes (ex. le « a » romain et italique).

L'espace fermé ou partiellement fermé à l'intérieur des lettres comme « o », « e », « p ». Les contre-poinçons ouverts (comme dans « c ») sont appelés ouvertures.

La foulée courbe formant un contre-poinçon fermé dans les lettres comme « b », « d », « p », « q ». Sa forme varie considérablement d'un caractère à l'autre.

La foulée verticale principale d'une lettre, comme l'élément vertical du « l », « b », « d ». La foulée la plus lourde dans la plupart des caractères.

Toute ligne formant une partie d'une lettre — verticale, horizontale, diagonale ou courbe. Le contraste des foulées définit en grande partie le caractère d'un caractère typographique.

L'extrémité d'une foulée sans empattement — peut être ronde, en bec, en larme ou plate. Le style des terminales est un indicateur clé de la classification typographique.

La foulée horizontale dans les lettres comme « A », « H », « e », « f ». Sa position par rapport à la hauteur d'x influe sur la lisibilité.

Une foulée décorative et étendue sur une lettre, fréquente dans les polices italiques et d'affichage. Apporte élégance et caractère aux titres.

L'échancrure d'un contre-poinçon partiellement fermé dans les lettres comme « c », « e », « s ». Des ouvertures plus larges améliorent généralement la lisibilité aux petites tailles.

Un petit trait décoratif ajouté à l'extrémité des foulées principales d'une lettre. Les polices à empattements (comme Times New Roman) en possèdent ; les polices sans empattements non.

Un caractère typographique sans empattements — « sans » signifie « without » en français. Apparence nette et moderne, populaire dans la conception numérique.

Un caractère typographique où chaque caractère occupe la même largeur horizontale. Indispensable pour les éditeurs de code et les données tabulaires.

Le design global d'un ensemble de caractères — la création artistique. Souvent confondu avec « police », qui désigne une taille/graisse/style spécifique d'un caractère.

Une instance spécifique d'un caractère typographique à une graisse, une taille et un style donnés. Par exemple, « Inter Gras 16px » est une police ; « Inter » est le caractère.

Des caractères conçus pour être utilisés en grandes dimensions — titres, affiches, logos. Non optimisés pour la lisibilité du corps de texte aux petites tailles.

Des caractères basés sur une écriture manuscrite connectée et fluide. Ils vont des styles calligraphiques formels aux scripts pinceau décontractés.

Des caractères à empattements épais, blocs et rectangulaires. Présence visuelle forte pour les titres, éléments d'interface et l'identité de marque.

Un caractère où chaque signe possède une largeur différente selon sa forme — « w » est plus large que « i ». Le mode par défaut de la plupart des polices.

Style sans empattement raffiné des années 1950, aux foulées uniformes et à l'apparence neutre. Le style dominant dans la conception d'interfaces modernes.

Des caractères sans empattement construits sur des formes géométriques — cercles, rectangles, triangles. Épurés et modernes, mais pouvant paraître froids aux petites tailles.

Des caractères sans empattement inspirés de l'écriture manuscrite de la Renaissance, avec une variation organique des foulées. Plus chaleureux et lisibles que les styles géométriques.

L'ajustement de l'espace entre des paires de lettres individuelles pour obtenir un espacement visuellement cohérent.

L'ajustement uniforme de l'espacement sur une plage entière de caractères, contrairement au crénage qui cible des paires spécifiques.

La distance verticale entre les lignes de texte, mesurée de ligne de base à ligne de base. Nommé d'après les lames de plomb utilisées en imprimerie typographique.

Une unité typographique égale à la taille de police courante. En CSS, 1em = la taille de police de l'élément parent. La base du dimensionnement relatif.

La propriété CSS contrôlant la distance entre les mots — la valeur par défaut est définie par la largeur du caractère espace de la police.

L'espace vide intentionnel dans une mise en page qui donne de l'air au texte et aux éléments. Essentiel pour la lisibilité et la hiérarchie visuelle.

La longueur d'une ligne de texte, généralement 45 à 75 caractères pour une lisibilité optimale. Trop longue ou trop courte, elle réduit le confort de lecture.

Un groupe de polices apparentées partageant le même design de base mais variant en graisse, largeur ou style. En CSS, la propriété font-family spécifie les polices préférées.

L'épaisseur des foulées des caractères, allant généralement de 100 (Thin) à 900 (Black). Regular est 400, Bold est 700.

Une police spécifiquement conçue ou licenciée pour une utilisation sur le web, chargée via @font-face CSS ou des services comme Google Fonts.

Un fichier de police unique contenant une plage complète de graisses, largeurs ou autres variations. Réduit les requêtes HTTP et la taille des fichiers.

Un format de police développé par Microsoft et Adobe, prenant en charge des fonctionnalités typographiques avancées comme les ligatures, les variantes et les axes variables.

Des instructions intégrées dans une police pour améliorer son rendu aux petites tailles sur les écrans basse résolution en alignant les contours à la grille de pixels.

Le lissage des bords irréguliers du texte rendu en mélangeant les pixels de bordure. CSS : -webkit-font-smoothing: antialiased.

La licence de police open source la plus répandue. Permet l'utilisation, la modification et la redistribution libres. Toutes les polices Google Fonts utilisent l'OFL ou Apache 2.0.

Web Open Font Format 2.0 — compressé en Brotli, le format de police le plus efficace pour le web. Environ 30 % plus léger que WOFF, pris en charge par tous les navigateurs modernes.

La suppression des caractères inutilisés d'un fichier de police pour réduire sa taille de téléchargement. Par exemple, ne charger que les caractères latins au lieu de la plage Unicode complète.

Descripteur CSS dans @font-face qui spécifie les caractères Unicode à télécharger depuis un fichier de police, permettant un sous-ensemblage automatique par le navigateur.

Propriété CSS pour contrôler les fonctionnalités OpenType — ligatures, petites capitales, chiffres tabulaires, variantes stylistiques. Utiliser font-variant pour les cas simples.

API JavaScript (document.fonts) pour un contrôle programmatique du chargement des polices — vérifier si les polices sont chargées, précharger des polices spécifiques et réagir aux événements de chargement.

Propriété CSS pour contrôler directement les axes des polices variables — graisse, largeur, inclinaison et axes personnalisés. Niveau inférieur à font-weight/font-stretch.

La pratique consistant à sélectionner deux polices ou plus complémentaires à utiliser ensemble dans une mise en page. Combine généralement une police de titre avec une police de corps.

Une progression harmonieuse de tailles de police basée sur un ratio (ex. 1,25, 1,333, 1,5). Crée une hiérarchie visuelle et une cohérence.

L'organisation visuelle du texte par la taille, la graisse, la couleur et l'espacement pour guider le lecteur à travers le contenu par ordre d'importance.

L'ajustement des détails des formes de lettres en fonction de la taille d'affichage prévue. Le texte petit nécessite plus d'espacement et des foulées plus lourdes ; le grand texte peut être plus raffiné.

Une typographie qui s'adapte à différentes tailles d'écran — en utilisant des media queries, des unités viewport ou CSS clamp() pour une mise à l'échelle fluide.

Un motif d'espacement cohérent qui aligne les lignes de base du texte et l'espacement des éléments sur une grille de référence. Crée une harmonie visuelle sur la page.

Une suite de nombres harmonieux basée sur un ratio (ex. 1,25 tierce mineure, 1,333 quarte juste, 1,618 nombre d'or) utilisée pour définir les tailles de texte.

La densité visuelle globale ou la texture d'un bloc de texte sur une page — influencée par la graisse, la taille, le line-height et le letter-spacing.

Une typographie qui évolue harmonieusement entre des tailles minimale et maximale grâce à CSS clamp() — sans saut de point de rupture.

La propriété CSS contrôlant la distance entre les lignes de texte. Généralement définie à 1,5 ou 150 % pour la lisibilité du corps de texte.

La propriété CSS pour ajuster l'espacement entre tous les caractères. Les valeurs positives écartent les lettres ; les valeurs négatives les rapprochent.

Une règle at CSS permettant aux concepteurs web de spécifier des polices personnalisées pour leurs pages web. Le fondement de la typographie web.

Une liste ordonnée de polices dans CSS font-family, fournissant des alternatives si la police préférée n'est pas disponible. Ex. : 'Inter, system-ui, sans-serif'.

Une police préinstallée sur le système d'exploitation. L'utilisation des polices système (pile system-ui) élimine le temps de téléchargement mais sacrifie la cohérence de la marque.

Flash of Unstyled Text — quand une police de remplacement apparaît brièvement avant le chargement de la police web. Atténué par font-display: swap.

Flash of Invisible Text — quand le texte est masqué jusqu'au chargement de la police web. Pire que le FOUT pour l'expérience utilisateur. Prévenu par font-display: swap.

Un descripteur CSS qui contrôle l'affichage d'une police web pendant son chargement. Valeurs : auto, block, swap, fallback, optional.

Root em — une unité CSS relative à la taille de police de l'élément racine (généralement 16px). Plus prévisible que l'em pour un dimensionnement cohérent.

La bibliothèque de polices gratuites et open source de Google, avec plus de 1 900 familles. La plus grande collection de polices web sous licence libre, distribuée via un CDN mondial.

L'utilisation de <link rel="preload" as="font"> pour prioriser les téléchargements de polices, réduisant le FOUT/FOIT et améliorant le Largest Contentful Paint (LCP).

Le Cumulative Layout Shift causé par le chargement des polices — le texte se redispose quand la police web remplace la police de substitution en raison de métriques différentes. Un problème de Core Web Vitals.

Propriété CSS contrôlant la qualité du rendu du texte : auto, optimizeSpeed, optimizeLegibility, geometricPrecision. Affecte le crénage et les ligatures.

La facilité avec laquelle les caractères individuels peuvent être distingués les uns des autres — une qualité intrinsèque du dessin du caractère typographique.

Le confort avec lequel un texte étendu peut être lu dans de longs passages — influencé par le choix de la police, la taille, le line-height, la longueur de ligne et le contraste des couleurs.

Les pratiques typographiques garantissant que le contenu est utilisable par tous — contraste suffisant, texte redimensionnable, hiérarchie claire et choix de polices appropriés.

Les Règles pour l'accessibilité des contenus Web appliquées au texte — ratios de contraste minimaux (4,5:1 AA, 7:1 AAA), texte redimensionnable et interdiction des images de texte.

Des polices conçues pour améliorer la lisibilité pour les lecteurs dyslexiques — avec des formes de lettres sans ambiguïté, un espacement généreux et des empattements lestés pour ancrer les lettres.

Le rapport de luminance entre le texte en premier plan et la couleur d'arrière-plan. Le WCAG exige 4,5:1 pour le texte normal (AA) et 7:1 pour le niveau amélioré (AAA).

Johannes Gutenberg inventa l'imprimerie à caractères mobiles vers 1440, permettant la production de masse de livres et démocratisant l'accès au savoir écrit.

L'emblématique caractère néo-grotesque dessiné par Max Miedinger en 1957. Il a défini le graphisme moderne et demeure la police la plus reconnue au monde.

Le sans-serif géométrique dessiné par Paul Renner en 1927, incarnant le modernisme Bauhaus. Son influence se retrouve dans Poppins, Montserrat et Raleway.

L'influent caractère serif de style ancien de Claude Garamond (~1530). L'un des plus anciens dessins de caractères encore en usage actif, près de 500 ans plus tard.

L'école du Bauhaus (1919–1933) révolutionna la typographie avec des formes géométriques, la préférence pour le sans-serif et le principe que la forme suit la fonction.

Le Style Typographique International (années 1950–) privilégiait les grilles, les mises en page asymétriques et les caractères sans empattement. Helvetica en fut l'emblème.