Jetons de typographie
Les jetons de typographie définissent les piles de polices hébergées localement et l’échelle typographique fluide utilisées par la prose, la navigation, les tableaux et les libellés d’interface.
font.display | --font-display | "RedHatDisplayVariable", "Red Hat Display", system-ui, sans-serif | "RedHatDisplayVariable", "Red Hat Display", system-ui, sans-serif | fontFamily | primitive | Pile de polices d’affichage pour les titres et les moments de marque forts. |
tracking.label | --tracking-label | 0.08em | 0.08em | dimension | semantic | Approche des libellés d’interface en capitales. |
type.label | --type-label | 0.68rem | 0.68rem | dimension | semantic | Taille compacte des libellés d’interface en capitales. |
weight.400 | --weight-400 | 400 | 400 | fontWeight | scale | Graisse régulière de l’échelle typographique variable. |
font.sans | --font-sans | "RedHatTextVariable", "Red Hat Text", system-ui, sans-serif | "RedHatTextVariable", "Red Hat Text", system-ui, sans-serif | fontFamily | primitive | Pile sans empattement pour les libellés d’interface et les textes d’appoint. |
tracking.metadata | --tracking-metadata | 0.1em | 0.1em | dimension | semantic | Approche des métadonnées compactes et titres de tableau. |
type.label-wide | --type-label-wide | 0.72rem | 0.72rem | dimension | semantic | Taille compacte des libellés d’interface aux points de rupture larges. |
weight.500 | --weight-500 | 500 | 500 | fontWeight | scale | Graisse moyenne de l’échelle typographique variable. |
font.serif | --font-serif | "SourceSerif4Variable", "Source Serif 4", "Iowan Old Style", Georgia, serif | "SourceSerif4Variable", "Source Serif 4", "Iowan Old Style", Georgia, serif | fontFamily | primitive | Pile avec empattement pour la prose longue et le rythme éditorial. |
type.table-label | --type-table-label | 0.66rem | 0.66rem | dimension | semantic | Taille dense des titres et libellés de tableau. |
weight.560 | --weight-560 | 560 | 560 | fontWeight | scale | Graisse d’emphase textuelle de l’échelle typographique variable. |
font.mono | --font-mono | "RedHatMonoVariable", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace | "RedHatMonoVariable", "Red Hat Mono", ui-monospace, SFMono-Regular, Menlo, monospace | fontFamily | primitive | Pile à chasse fixe pour le code, les saisies clavier et les identifiants techniques. |
type.sidebar | --type-sidebar | 0.875rem | 0.875rem | dimension | semantic | Taille de texte de la barre latérale de documentation. |
weight.600 | --weight-600 | 600 | 600 | fontWeight | scale | Graisse demi-grasse de l’échelle typographique variable. |
type.table | --type-table | 0.8125rem | 0.8125rem | dimension | semantic | Taille de contenu tabulaire compacte. |
weight.620 | --weight-620 | 620 | 620 | fontWeight | scale | Graisse de texte forte de l’échelle typographique variable. |
type.count | --type-count | 0.62em | 0.62em | dimension | semantic | Taille relative des comptes et suffixes. |
weight.650 | --weight-650 | 650 | 650 | fontWeight | scale | Graisse de texte de navigation de l’échelle typographique variable. |
type.code | --type-code | 0.82rem | 0.82rem | dimension | semantic | Taille des libellés de code technique en ligne. |
weight.700 | --weight-700 | 700 | 700 | fontWeight | scale | Graisse grasse des libellés d’interface de l’échelle typographique variable. |
weight.740 | --weight-740 | 740 | 740 | fontWeight | scale | Graisse des sous-titres de l’échelle typographique variable. |
weight.760 | --weight-760 | 760 | 760 | fontWeight | scale | Graisse des titres de l’échelle typographique variable. |
weight.780 | --weight-780 | 780 | 780 | fontWeight | scale | Graisse des titres forts de l’échelle typographique variable. |
step.-2 | --step--2 | clamp(0.7378rem, 0.7301rem + 0.0385vw, 0.76rem) | clamp(0.7378rem, 0.7301rem + 0.0385vw, 0.76rem) | dimension | scale | Plus petit échelon typographique fluide pour les métadonnées denses. |
weight.800 | --weight-800 | 800 | 800 | fontWeight | scale | Graisse forte des titres de l’échelle typographique variable. |
step.-1 | --step--1 | clamp(0.8854rem, 0.863rem + 0.1123vw, 0.95rem) | clamp(0.8854rem, 0.863rem + 0.1123vw, 0.95rem) | dimension | scale | Petit échelon typographique fluide pour les légendes et libellés secondaires. |
weight.820 | --weight-820 | 820 | 820 | fontWeight | scale | Graisse des titres d’affichage de l’échelle typographique variable. |
step.0 | --step-0 | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | clamp(1.0625rem, 1.019rem + 0.2174vw, 1.1875rem) | dimension | scale | Échelon typographique fluide de base pour le texte courant. |
weight.850 | --weight-850 | 850 | 850 | fontWeight | scale | Graisse d’affichage héro de l’échelle typographique variable. |
step.1 | --step-1 | clamp(1.275rem, 1.2022rem + 0.3641vw, 1.4844rem) | clamp(1.275rem, 1.2022rem + 0.3641vw, 1.4844rem) | dimension | scale | Échelon typographique fluide modéré pour les titres compacts et les textes d’introduction. |
weight.860 | --weight-860 | 860 | 860 | fontWeight | scale | Graisse de la marque de l’échelle typographique variable. |
step.2 | --step-2 | clamp(1.53rem, 1.4168rem + 0.566vw, 1.8555rem) | clamp(1.53rem, 1.4168rem + 0.566vw, 1.8555rem) | dimension | scale | Échelon typographique fluide moyen pour les titres de section. |
weight.900 | --weight-900 | 900 | 900 | fontWeight | scale | Graisse d’emphase maximale de l’échelle typographique variable. |
step.3 | --step-3 | clamp(1.836rem, 1.6679rem + 0.8406vw, 2.3193rem) | clamp(1.836rem, 1.6679rem + 0.8406vw, 2.3193rem) | dimension | scale | Grand échelon typographique fluide pour les grands titres de page. |
step.4 | --step-4 | clamp(2.2032rem, 1.9611rem + 1.2104vw, 2.8992rem) | clamp(2.2032rem, 1.9611rem + 1.2104vw, 2.8992rem) | dimension | scale | Très grand échelon typographique fluide pour les titres d’affichage. |
step.5 | --step-5 | clamp(2.6438rem, 2.3029rem + 1.7046vw, 3.624rem) | clamp(2.6438rem, 2.3029rem + 1.7046vw, 3.624rem) | dimension | scale | Échelon typographique fluide surdimensionné pour les rares moments de type héro. |
step.6 | --step-6 | clamp(3.1726rem, 2.7005rem + 2.3606vw, 4.53rem) | clamp(3.1726rem, 2.7005rem + 2.3606vw, 4.53rem) | dimension | scale | Plus grand échelon typographique fluide pour les usages d’affichage exceptionnels. |