दिलचस्प पोस्ट
क्लीटालूल / स्प्रैसकेस के साथ एक कस्टम डिफ उपकरण का उपयोग करने का कोई भी तरीका? UISwipeGestureRecognizer स्वाइप लंबाई :: सामग्री / :: slotted छद्म तत्व क्या है और यह कैसे काम करता है? डेटा ब्रेकपॉइंट क्या हैं? ब्राउज़र निष्क्रिय समय कैसे पता है? एक्सकोड 4 प्रोजेक्ट और वास्तविक फ़ोल्डर का नाम बदलना घुमाए गए आयताकार से बाउंडिंग बॉक्स निर्देशांक की गणना करें node.js – gzip / deflate संपीड़न के साथ आसान http अनुरोध कैसे सी में चार करने के लिए पॉइंटर्स की एक सरणी qsort? कैसे उप गतिविधियों को मारने और स्टैक के शीर्ष पर गतिविधि लाने के लिए क्लाउड के लिए हाउओप सिस्टम उपयोगकर्ता सेट करें जावा वेबएप में एम्बेड किया गया सी # में मौन असफलता, ऐसा प्रतीत होता है कि अप्रचलित अपवाद जो प्रोग्राम को क्रैश नहीं करता MySQL में INDEX, PRIMARY, UNIQUE, FULLTEXT के बीच अंतर? यदि == का उपयोग करते हुए बयान अप्रत्याशित परिणाम देता है स्रोत नियंत्रण से आप अपना डेटाबेस कैसे बना सकते हैं?

सीएसएस का प्रयोग करके विरोधी एलियासिंग को मजबूर करना: क्या यह मिथक है?

हाल ही में एक ग्राहक ने आईई 6 में सिस्टम फॉंट की उपस्थिति के बारे में शिकायत की है। मूल रूप से वही मुद्दा यह है कि IE6 फ़ॉन्ट-चौरसाई / विरोधी aliasing का समर्थन नहीं करता है (मुझे पता है कि आप इसे किसी OS सेटिंग या कुछ में बदल सकते हैं)। लेकिन किसी ने इस मणि को फेंक दिया:

"आप पीएक्स के बजाय पीटीटी का उपयोग करके सीएसएस में फ़ॉन्ट एंटी-एरिया को मजबूर कर सकते हैं।"

मैंने विभिन्न ब्राउज़रों में एक त्वरित पीओसी किया और मुझे कोई फर्क नहीं पड़ा। मुझे इस फोरम पर पिछले पोस्ट का ऑनलाइन एक संदर्भ मिला है:

http://www.webmasterworld.com/css/3280638.htm

यह एक वेब डेवलपर शहरी मिथक के बराबर की तरह लग रहा है, मेरी भावना यह बी एस है। क्या किसी ने इसे कभी सामना किया है?

Solutions Collecting From Web of "सीएसएस का प्रयोग करके विरोधी एलियासिंग को मजबूर करना: क्या यह मिथक है?"

नहीं, कोई वेब डेवलपर के रूप में इसे नियंत्रित करने के लिए वास्तव में कोई तरीका नहीं है

छोटे अपवाद यह है कि आप एसआईएफआर के माध्यम से फ्लैश का उपयोग करके एंटी-अलायज़िंग की कुछ नकली मजबूरियां कर सकते हैं, और कुछ ब्राउज़र्स बिना अलिया के बिटमैप / पिक्सेल फोंट (जैसा कि उन्हें और अधिक जानकारी नहीं है: एंटी-एलिलीज़िंग / एंटी एंटी -अलिज़िंग )

इसके अलावा, जैसा कि डैनियल ने उल्लेख किया है, सभी फोंट के लिए इन इकाइयों का इस्तेमाल करना आदर्श है, इस बारे में अधिक जानकारी के लिए सीक्रेट के साथ इनक्रेडिबल एएम एंड लोस्टिक लेआउट देखें।

ओह, हाँ आप कर सकते हैं:

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

फ़ायरफ़ॉक्स के लिए स्रोत , धन्यवाद जस्टिन सिर के लिए

CSS3 में इन रोमांचक नए गुण हैं:

 font-smooth:always; -webkit-font-smoothing: antialiased; 

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

अद्यतन करें

ये IE या Firefox में समर्थित नहीं हैं I फ़ॉन्ट-चिकनी प्रॉपर्टी केवल IOS सफारी में ही उपलब्ध है, जहां तक ​​मुझे याद है

मुझे ज़ूम और फ़िल्टर एमएस-केवल प्रॉपर्टी का उपयोग करके एक बहुत अजीब समाधान मिला है उदाहरण (एए, मानक और क्लीटाइप के साथ प्रयास करें): http://nadycoon.hu/special/archive/internet-explorer-force-antialias.html

यह काम किस प्रकार करता है:

ज़ूम के साथ पाठ ज़ूम करें: x, x> 1

– कुछ ब्लर (या किसी अन्य फ़िल्टर) को लागू करें

ज़ूम के साथ ज़ूम डाउन करें: 1 / एक्स

यह थोड़ी धीमी और बहुत है! स्मृति-भूखा विधि, और गैर-सफ़ेद पृष्ठभूमि पर कुछ मामूली अंधेरे हेलो है।

सीएसएस:

 .insane-aa-4b { zoom:0.25; } .insane-aa-4b .insane-aa-inner { zoom:4; } .insane-aa-4b .insane-aa-blur { zoom:1; filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2); } 

HTML:

 <div class="insane-aa-4b"> <div class="insane-aa-blur"> <div class="insane-aa-inner"> <div style="font-size:12px;">Lorem Ipsum</div> </div></div></div> 

आप एंटी-अलियासिंग को बाध्य करने के लिए इस छोटे jQuery का उपयोग कर सकते हैं, बस कुछ भी करने के लिए आईहाइए वर्ग जोड़ सकते हैं:

 $(function(){ $('.ieaa').wrap( '<div style="zoom:0.25;"><div style="zoom:1;filter:progid:DXImageTransform.Microsoft.Blur(pixelRadius=2);"><div style="zoom:4;"><'+'/div><'+'/div><'+'/div>' ); }); 

सीएसएस के निम्न पंक्ति को जोड़ना क्रोम के लिए काम करता है, लेकिन इंटरनेट एक्सप्लोरर या फ़ायरफ़ॉक्स नहीं।

text-shadow: #fff 0px 1px 1px;

मैं चाड बिर्च के साथ असहमत हूं हम कम-से-कम क्रोम में एंटी-अलायसिंग को मजबूर कर सकते हैं- -webkit-text-stroke संपत्ति के साथ एक सरल सीएसएस चाल का प्रयोग करके: –

 -webkit-text-stroke: 1px transparent; 

मुझे लगता है कि आपको थोड़ा गलत मिला है। आपके द्वारा चिपकाए गए धागे में से किसी ने कहा है कि आप pt बजाय px का इस्तेमाल करके एंटी-अलायसिंग को रोक सकते हैं, ऐसा नहीं कि आप इसे बाद में उपयोग करके बाध्य कर सकते हैं। मैं हालांकि दोनों दावों के लिए थोड़ा संदेह है …

मैं इसकी एक मिथक कहता हूं

केवल पर्त, पीएक्स और प्रतिशत आधारित फोंट के बीच में अंतर मैंने पाया है कि जब मेन्यू> दृश्य> पाठ आकार> सेटिंग? बदल गया है।

IIRC:

  • px और pt आधारित फॉंट स्केल नहीं करेंगे
  • आईई में percent आधारित फॉंट स्केल बस ठीक है

AFAIK:

  • फ़ॉन्ट एंटी-अलियासिंग को ज्यादातर "ClearType" लिए खिड़कियों की सेटिंग द्वारा नियंत्रित किया जाता है या IE7 / IE8 के मामले में ClearType लिए ClearType विशिष्ट सेटिंग।

पीएक्स टू पीटी फिक्स ने मेरे लिए किसी साइट पर काम किया जो Google वेब फोंट से फ़ॉन्ट का उपयोग करता है Win7 पर – IE8 ने यह सही ढंग से विरोधी उपनाम रेंडरिंग की कमी तय की है।

99% की अस्पष्टता सेटिंग (DXTransform फिल्टर के माध्यम से) का उपयोग करके वास्तव में Internet Explorer को ClearType बंद करने के लिए, कम से कम संस्करण 7 में बल देता है। स्रोत

मुझे संदेह है कि ब्राउज़र को कुछ भी करने के लिए बाध्य करने के लिए वैसे भी कोई रास्ता नहीं है। यह सिस्टम कॉन्फ़िगरेशन पर निर्भर करता है, इस्तेमाल किया फ़ॉन्ट, ब्राउज़र सेटिंग्स आदि। यह मेरे लिए बीएस की तरह लग रहा है I

एक नोट के रूप में, हमेशा सापेक्ष आकार PX न करें।

लगता है कि सबसे व्यापक समाधान http://www.elfboy.com/blog/text-shadow_anti-aliasing/ पर पाया जा सकता है। फ़ायरफ़ॉक्स और क्रोम में काम करता है, हालांकि क्रोम के रूप में फ़ायरफ़ॉक्स काफी प्रभावी नहीं है।

एक साइड नोट के रूप में, गीको और वेबकिट इस का समर्थन करते हैं

 text-rendering 

संपत्ति के रूप में अच्छी तरह से

कोई शुद्ध सीएसएस नहीं बल्कि किसी भी फ़ॉन्ट प्रतिस्थापन हैक्स के बिना मूल रूप से समर्थित विधि: बस अपने फ़ॉन्ट को एसवीजी में कनवर्ट करें और इसे @ फ़ॉन्ट-चेहरे के क्रम में उच्च (WOFF या TTF से पहले) स्थान दें। देखा! फ़ॉन्ट्स अब चिकनी हैं, क्योंकि अब उन्हें फ़ॉन्ट के रूप में नहीं माना जाता है बल्कि एक एसवीजी आकृति जो अच्छी तरह से छूटेगी।

नोट: मैंने देखा कि एसवीजी WOFF या टीटीएफ से अधिक वजन कर सकता है

एंटी-अलियासिंग प्राप्त करने का एक अच्छा तरीका है:

 text-shadow: 0 0 1px rgba(0,0,0,0.3); 

मुझे एक तय मिला …

 .text { font-size: 15px; /* for firefox */ *font-size: 90%; /* % restart the antialiasing for ie, note the * hack */ font-weight: bold; /* needed, don't know why! */ } 

मैट के पाठ-छाया प्रतिक्रिया को मतदान क्यों नहीं किया गया, इस बारे में निश्चित नहीं है मैंने इस शैली को उन शीर्षकों पर लागू किया है जिनके साथ मैं Typekit का उपयोग कर रहा हूँ और यह निश्चित रूप से उपस्थिति में सुधार लाया है। उसने न केवल क्रोम में काम किया, जैसा कि उसने उल्लेख किया है, लेकिन फ़ायरफ़ॉक्स 3.6.8 में भी।