Graisse
G
Definition complete
La graisse typographique designe l'epaisseur du trait des caracteres, variant de tres fin (Thin/Hairline) a tres epais (Black/Heavy). Elle permet de creer une hierarchie visuelle et de mettre en evidence certains elements textuels.
L'echelle standard des graisses utilise des valeurs numeriques de 100 a 900 : 100 (Thin), 200 (Extra Light), 300 (Light), 400 (Regular/Normal), 500 (Medium), 600 (Semi Bold), 700 (Bold), 800 (Extra Bold), 900 (Black). Ces valeurs correspondent a font-weight en CSS.
Les polices variables (variable fonts) permettent desormais un ajustement continu de la graisse plutot que des paliers fixes, offrant une flexibilite totale pour des micro-ajustements et des animations fluides entre graisses.
L'usage typographique recommande : Regular (400) pour le corps de texte (lisibilite optimale), Bold (700) pour les titres et emphases, et les graisses extremes avec parcimonie pour des effets graphiques. Trop de graisses dans une meme page cree une confusion visuelle.
Exemples pratiques
- Hierarchie titre : H1 en font-weight: 700, H2 en 600, H3 en 500, corps en 400 - progression logique de la hierarchie.
- Variable font : Avec une police variable, font-weight: 650 est possible pour un ajustement precis.
- Contraste : Titre Black (900) sur fond colore pour un impact visuel maximal.
A quoi sert Graisse ?
La graisse structure la hierarchie visuelle, guide la lecture, et renforce l'identite graphique. Elle est essentielle en webdesign pour distinguer titres, texte courant, et elements d'emphase de maniere coherente.
Graisse en pratique chez 123web
Chez 123web, nous etablissons une echelle de graisses coherente pour chaque projet, definissant les usages de chaque niveau pour les titres, le corps de texte, et les elements d'interface. Cette discipline typographique renforce la clarte et le professionnalisme.