Ghid rapid pentru netezirea textului deschis pe fundaluri întunecate și prevenirea îngroșării excesive a fonturilor pe ecranele macOS.
Snippet standard de antialiasing
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Valori de proprietate și comportament
WebKit și Blink (-webkit-font-smoothing)
| Valoare | Comportament de randare |
|---|---|
auto |
Antialiasing subpixel implicit al browserului |
none |
Dezactivează complet netezirea (margini pixelate) |
antialiased |
Randează textul cu netezire în nuanțe de gri în loc de subpixel |
Firefox pe macOS (-moz-osx-font-smoothing)
| Valoare | Comportament de randare |
|---|---|
auto |
Randare subpixel implicită |
grayscale |
Randează textul cu antialiasing în nuanțe de gri |
Bune Practici
- Modul întunecat / Fundaluri închise: Netezirea în nuanțe de gri este deosebit de eficientă pentru textul deschis pe fundal închis, prevenind îngroșarea pe ecranele Retina.
- Fundaluri deschise: Pentru textul întunecat standard pe fundal alb, setarea implicită a browserului (auto / subpixel) oferă o claritate superioară.