पतले फॉन्ट्स के लिए फॉन्ट स्मूथिंग
पतले फॉन्ट्स को अधिक स्मूथली रेंडर करने के लिए:
text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important;
केवल Google Chrome के लिए
-webkit-font-smoothing: antialiased !important;
text-rendering वैल्यूज
text-rendering: auto; text-rendering: optimizeSpeed; text-rendering: optimizeLegibility; text-rendering: geometricPrecision; text-rendering: inherit;
व्याख्या
| प्रॉपर्टी | विवरण |
|---|---|
text-rendering: optimizeLegibility | पठनीयता के लिए ऑप्टिमाइज़ करता है, लिगेचर्स और कर्निंग सक्षम करता है |
-webkit-font-smoothing: antialiased | WebKit/Blink में सबपिक्सल एंटीएलियासिंग बंद करता है (पतले फॉन्ट्स के लिए बेहतर) |
-moz-osx-font-smoothing: grayscale | macOS पर Firefox में ग्रेस्केल एंटीएलियासिंग सक्षम करता है |
सावधानियाँ
!importantका अत्यधिक उपयोग न करें - विशिष्टता बढ़ाएं।optimizeLegibilityमोबाइल पर प्रदर्शन प्रभाव डाल सकता है।- सबपिक्सल एंटीएलियासिंग (डिफ़ॉल्ट) रंगीन फ्रिंजिंग का कारण बन सकता है।
- सिस्टम फॉन्ट्स (San Francisco, Segoe UI) पहले से ऑप्टिमाइज़्ड होते हैं।
