Guide de référence rapide pour adoucir le texte clair sur fond sombre et éviter un rendu trop gras sur les écrans macOS.
Extrait standard d'antialiasing
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Valeurs de propriétés & Comportement
WebKit & Blink (-webkit-font-smoothing)
| Valeur | Comportement de rendu |
|---|---|
auto |
Antialiasing sous-pixel par défaut du navigateur |
none |
Désactive totalement le lissage (bords pixelisés) |
antialiased |
Rend le texte avec un lissage en niveaux de gris au lieu du sous-pixel |
Firefox sur macOS (-moz-osx-font-smoothing)
| Valeur | Comportement de rendu |
|---|---|
auto |
Rendu sous-pixel par défaut |
grayscale |
Rend le texte avec un lissage en niveaux de gris |
Bonnes pratiques
- Mode sombre / Fonds sombres : Le lissage en niveaux de gris est particulièrement efficace pour le texte clair sur fond foncé, évitant l'épaississement excessif sur les écrans Retina.
- Fonds clairs : Pour le texte sombre classique sur fond blanc, la valeur par défaut (auto / sous-pixel) offre généralement une meilleure netteté de lecture.