सीएसएस में फ़ॉन्ट को तेज कैसे बनाएं?

Question

नमस्ते सबको मैं सीएसएस में फ़ोटोशॉप जैसी तेज संपत्ति का उपयोग करने की कोशिश कर रहा हूं लेकिन मैं कैसे कर सकता हूं?

यहाँ मेरी सीएसएस

#login_text 
{ 
position:absolute; 
top:10px; 
left:18px; 
font-size:13pt; 
font-weight:bold; 
font-family:Arial; 

} 

Answer 1

CSS3 text-rendering संपत्ति AMK उल्लेख के अलावा, वहाँ भी एक वेबकिट (क्रोम) एंटीलायज़िंग़ के लिए विशिष्ट हैक है विशेष रूप से विंडोज मशीनों पर आदर्श। A bit more info can be found here।

एक पुराना प्रस्तावित font-smooth CSS3 संपत्ति (see here) है, लेकिन जहां तक ​​मुझे पता है कि यह लागू नहीं किया गया है और कुछ भी नहीं करता है (कम से कम मैं देख सकता हूं)।

दुखद वास्तविकता यह है कि आपको वेब पर फ़ोटोशॉप-गुणवत्ता फ़ॉन्ट प्रतिपादन नहीं मिलेगा, खासकर विंडोज मशीन पर नहीं। आप अच्छे वेबफोंट चुनकर और स्वाभाविक रूप से अच्छी तरह से स्केल करने वाले फ़ॉन्ट आकार चुनकर इसके लिए तैयार कर सकते हैं, लेकिन केवल इतना ही आप कर सकते हैं।

Answer 2

जबकि वहाँ कोई "तेज" मूल्य है, मुझे लगता है कि CSS3 text-rendering संपत्ति जाने के लिए सबसे अच्छा तरीका है। प्रभाव छोटे फ़ॉन्ट आकारों पर सबसे अधिक ध्यान देने योग्य है और बड़े फोंट पर बड़ा अंतर नहीं डालता है।

कृपया ध्यान दें कि इसके लिए बहुत सीमित समर्थन है लेकिन जहां तक ​​मुझे पता है कि यह एकमात्र तरीका उपलब्ध है।

आपका अन्य विकल्प (यदि आप कस्टम फोंट का उपयोग कर रहे हैं) तो बस उच्च गुणवत्ता वाले वैक्टर प्राप्त करना है। -webkit-font-smoothing: antialiased; (मेरा मानना ​​है कि डिफ़ॉल्ट मान subpixel-antialiased है), जो बाद से वेबकिट webfont प्रतिपादन उपयोग करने के लिए की तुलना में कम हो सकता है अच्छा है:

Answer 3

फ़ायरफ़ॉक्स 25 एक नई मैक-ओएस-केवल गैर-मानक संपत्ति -moz-osx-font-smoothing वेबकिट -वेबिट-फ़ॉन्ट-स्मूथिंग के समतुल्य जोड़ता है।

तत्व {

-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 

}

Answer 4

देखते हैं कि यह example.Henrique Baldy समझाया क्या तेज https://www.linkedin.com/grp/post/2071438-268918276