Snabbreferens för att mjuka upp ljus text på mörka bakgrunder och förhindra onödigt fet textåtergivning på macOS-skärmar.
Standardkod för antialiasing
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Egenskapsvärden & Återgivningsbeteende
WebKit & Blink (-webkit-font-smoothing)
| Värde | Återgivningsbeteende |
|---|---|
auto |
Standard subpixel-antialiasing i webbläsaren |
none |
Inaktiverar utjämning helt (pixliga kanter) |
antialiased |
Återger text med gråskaleantialiasing istället för subpixlar |
Firefox på macOS (-moz-osx-font-smoothing)
| Värde | Återgivningsbeteende |
|---|---|
auto |
Standard subpixel-återgivning |
grayscale |
Återger text med gråskaleantialiasing |
Bästa praxis
- Mörkt läge / Mörka bakgrunder: Gråskaleutjämning är mycket effektivt för ljus text på mörk bakgrund och förhindrar svällande text på Retina-skärmar.
- Ljusa bakgrunder: För vanlig mörk text på vit bakgrund ger webbläsarens standardvärde (auto / subpixel) ofta skarpare läsbarhet.