Snelle referentiegids voor het verzachten van lichte tekst op donkere achtergronden en het voorkomen van te vette tekstweergave op macOS-schermen.
Standaard antialiasing-snippet
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Eigenschapswaarden & Rendergedrag
WebKit & Blink (-webkit-font-smoothing)
| Waarde | Rendergedrag |
|---|---|
auto |
Standaard subpixel-antialiasing van de browser |
none |
Schakelt afvlakking volledig uit (gekartelde randen) |
antialiased |
Rendert tekst met grijswaarden-antialiasing in plaats van subpixels |
Firefox op macOS (-moz-osx-font-smoothing)
| Waarde | Rendergedrag |
|---|---|
auto |
Standaard subpixel-rendering |
grayscale |
Rendert tekst met grijswaarden-antialiasing |
Aanbevolen procedures
- Donkere modus / Donkere achtergronden: Grijswaarden-afvlakking is zeer effectief bij lichte tekst op donkere achtergronden, waardoor opgeblazen tekst op Retina-schermen wordt voorkomen.
- Lichte achtergronden: Voor donkere tekst op witte achtergronden biedt de browserstandaard (auto / subpixel) vaak scherpere leesbaarheid.