Συνοπτικός οδηγός για την εξομάλυνση ανοιχτόχρωμου κειμένου σε σκούρο φόντο και την αποφυγή υπερβολικού πάχους γραμματοσειρών στο macOS.
Βασικό απόσπασμα εξομάλυνσης
body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Τιμές ιδιοτήτων και συμπεριφορά απόδοσης
WebKit & Blink (-webkit-font-smoothing)
| Τιμή | Συμπεριφορά απόδοσης |
|---|---|
auto |
Προεπιλεγμένη εξομάλυνση υπο-εικονοστοιχείων subpixel |
none |
Πλήρης απενεργοποίηση εξομάλυνσης |
antialiased |
Απόδοση κειμένου με ομαλή διαβάθμιση του γκρι αντί για subpixel |
Firefox σε macOS (-moz-osx-font-smoothing)
| Τιμή | Συμπεριφορά απόδοσης |
|---|---|
auto |
Προεπιλεγμένη απόδοση subpixel |
grayscale |
Απόδοση κειμένου με διαβάθμιση του γκρι |
Βέλτιστες πρακτικές
- Σκούρο θέμα (Dark Mode): Η εξομάλυνση κλίμακας του γκρι είναι ιδιαίτερα αποτελεσματική για ανοιχτόχρωμο κείμενο σε σκούρο φόντο σε οθόνες Retina.
- Ανοιχτόχρωμο φόντο: Για κανονικό σκούρο κείμενο σε λευκό φόντο, η προεπιλογή auto παρέχει καθαρότερη αναγνωσιμότητα.