Typographie

La typographie porte la majeure partie de l’expression de marque. La fonte d’affichage sert aux noms et à la hiérarchie forte, la sans aux interfaces, la serif aux textes longs et la mono au code, aux touches et aux valeurs exactes.

Familles typographiques#

Le site utilise des fontes variables hébergées localement dans static/fonts/. Les fichiers restent locaux afin que le site principal et le site de marque partagent le même rendu, la même posture de confidentialité et le même pipeline de compilation.

FamilleFichiers locauxUsage
Red Hat Displayred-hat-display-variable.woff2, red-hat-display-variable-italic.woff2Logo texte, titres de page, titres de section et hiérarchie forte
Red Hat Textred-hat-text-variable.woff2, red-hat-text-variable-italic.woff2Navigation, texte d’interface, métadonnées, libellés, contrôles et texte sans général
Red Hat Monored-hat-mono-variable.woff2, red-hat-mono-variable-italic.woff2Code, raccourcis clavier, identifiants, valeurs exactes et libellés compacts lisibles par machine
Source Serif 4source-serif-4-variable.woff2, source-serif-4-variable-italic.woff2Texte long, introductions, citations et texte éditorial

Fonctionnalités numériques#

Utiliser le zéro barré seulement lorsque le contenu se comporte comme un code, un identifiant ou une valeur exacte lisible par machine. Appliquer .numeric-code aux cellules de tableau et aux valeurs en ligne, ou .slashed-zero-mark lorsqu’un libellé zéro isolé doit être désambiguïsé.

Tous les fichiers locaux annoncent la fonctionnalité OpenType zero. Les tests de rendu locaux montrent que Source Serif 4 et Red Hat Mono substituent un glyphe distinct pour le zéro barré. Les fichiers actuels Red Hat Display et Red Hat Text annoncent la fonctionnalité, mais le glyphe testé ne change pas; le site ne demande donc pas le zéro barré globalement.

Ce comportement est lié au ticket amont Red Hat Font #53, où les chiffres tabulaires et le zéro barré sont documentés comme étant couplés dans certaines parties de la famille. Le ticket ne décrit pas exactement le même mode d’échec que ce site : le ticket amont signale un zéro barré qui apparaît lorsque seuls les chiffres tabulaires sont demandés, alors que ce site a observé l’absence de substitution visible dans Red Hat Display/Text lorsque zero est demandé explicitement. Traiter cela comme une contrainte connue de la famille typographique jusqu’à ce que les fichiers locaux soient remplacés ou retestés.

Utiliser les chiffres tabulaires lorsque les colonnes doivent rester alignées. Utiliser les chiffres proportionnels dans le texte courant, sauf lorsque les nombres doivent être lus comme des données.

Typographie d’interface#

La typographie d’interface doit rester compacte, lisible et cohérente. Réservez les grands formats d’affichage à la hiérarchie de page et gardez les contrôles, tables et barres latérales plus serrés.