Polices grasses pour affiches, miniatures et titres

Les polices grasses sont des typographies aux traits épais, généralement en graisses de 700 (bold) à 900 (black), et elles sont le bon choix dès que le texte doit se lire vite : affiches vues au passage, miniatures YouTube larges de quelques centimètres, titres de soldes dans un fil chargé. Sur Google Fonts, Anton et Bebas Neue offrent des lettres étroites et percutantes, Archivo Black et Rubik Black des traits épais sans empattements, Unbounded des lettres larges pour les titres et Alfa Slab One de solides empattements rectangulaires. Choisissez d’abord selon le format, car une police qui fonctionne sur une affiche peut s’empâter sur une miniature.

Ce que signifient les numéros de graisse

Les graisses de police suivent une échelle numérique de 100 à 900. La plupart des familles les désignent par des noms, et le CSS utilise directement les nombres. Bold vaut techniquement 700, mais pour les affiches et les miniatures on veut souvent 800 ou 900.

Polices grasses gratuites selon l’usage

Deux remarques. Bebas Neue n’a que des capitales, donc elle sert pour des lignes courtes, pas des phrases. Unbounded est une police variable qui va du light au black, si bien que vous pouvez choisir exactement la graisse voulue, et ses lettres larges font que deux ou trois mots remplissent toute une affiche.

Polices grasses pour affiches

Une affiche se lit de l’autre côté d’une pièce ou d’une rue en quelques secondes. Le titre doit être lisible à la distance où les gens passent, ce qui veut généralement dire qu’il occupe une grande part de la largeur. Une affiche A3 à 300 dpi fait 3508×4961 pixels ; un titre de trois ou quatre mots en graisse black peut occuper confortablement un tiers de la hauteur. La conception d’affiches couvre la mise en page et la hiérarchie.

Polices grasses pour miniatures YouTube

Les miniatures sont conçues en 1280×720 mais souvent vues à une fraction de cette taille, dans une barre latérale ou sur mobile. C’est le test le plus dur qui soit pour le texte. Utilisez une graisse black, restez entre trois et cinq mots, et préférez les polices condensées quand les mots sont longs. Laissez libre le coin inférieur droit, car YouTube y place la durée de la vidéo. Le texte des miniatures et le design de miniature YouTube vont plus loin.

Comment rendre le texte gras lisible

Les lettres grasses ont de petites contreformes, les espaces fermés dans a, e et o. À petite taille, ces espaces se bouchent et le mot devient une masse sombre. Les solutions tiennent à l’espacement et au contraste plus qu’à la taille.

Les effets de lettrage peuvent donner encore plus de présence. Un contour, un filet intérieur ou une légère extrusion donnent de la profondeur à un mot gras sans ombre portée ; le texte en contour montre comment. Dans Gradiently, les traitements de lettrage Contour, Inline, Extrusion et Double sont intégrés aux outils de texte, et le Mark derrière les mots atténue les détails les plus chargés et assombrit ou éclaircit la couleur près des lettres, si bien que le texte gras reste net sur un fond vif.

Polices grasses en CSS

Si vous demandez à un navigateur une graisse que le fichier de police n’inclut pas, il peut la simuler en épaississant les contours, ce qui paraît pâteux et irrégulier. Chargez la vraie graisse et désactivez le gras synthétique pour remarquer son absence.

@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;600&display=swap");

h1 {
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-weight: 400;          /* Archivo Black has one weight, already heavy */
  font-synthesis: none;      /* never fake bold or italic */
  line-height: 1;
  letter-spacing: -0.01em;
}

.label {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;    /* small bold text needs a little air */
}

Pour en savoir plus sur la personnalité des titres de grande taille, lisez les polices de titre et les polices d’affichage.