क्रोम और आईई

Question

में क्विकसैंड (Google फ़ॉन्ट) के लिए खराब फ़ॉन्ट प्रतिपादन मैं क्विकसैंड Google फ़ॉन्ट के साथ सभी ब्राउज़रों में लगातार और अच्छे दिखने वाले फोंट प्राप्त करने के लिए संघर्ष कर रहा हूं। क्रोम और आईई बहुत जंजीर और पिक्सेल वाले किनारों को दिखाते हैं, खासकर छोटे फ़ॉन्ट आकारों पर। ब्राउज़र को ज़ूम करना अक्सर कलाकृतियों को गायब कर देगा।

यहाँ फायरफॉक्स, क्रोम, & इंटरनेट एक्सप्लोरर के साथ इस मुद्दे का एक स्क्रीनशॉट तुलना है: https://dl.dropboxusercontent.com/u/29865983/imagehost/jsfiddle/QuickSandFont.png

यहाँ एक jsfiddle प्रयोग के लिए इस मुद्दे को प्रजनन है:

http://jsfiddle.net/vXd2F/

#main-nav ul li a, #main-nav ul li a:link, #main-nav ul li a:active { 
color: white; 
display: inline-block; 
padding: 19px 10px; 
font: 400 12px/14px 'Quicksand', Helvetica, Arial, sans-serif; 
text-transform: uppercase;} 

Answer 1

समस्या Google फ़ॉन्ट्स के कारण सभी फ़ॉन्ट फ़ाइल प्रकारों को लागू नहीं कर रही थी। समाधान गायब फ़ाइल प्रकार उत्पन्न करने और उन्हें स्वयं होस्ट करने के लिए फ़ॉन्ट गिलहरी वेब फ़ॉन्ट जेनरेटर का उपयोग करना था।

Answer 2

आप ब्राउज़र पर फ़ॉन्ट प्रतिपादन के साथ बहुत कुछ नहीं कर सकता। यदि आप इसे बेहतर बना सकते हैं तो आप फ़ॉन्ट-फेस के साथ प्रयास कर सकते हैं, लेकिन अन्यथा इसे बदला नहीं जा सकता है।

वेबकिट के लिए (क्रोम, सफारी) आप जोड़ सकते हैं:

-webkit-text-stroke: 1px black; 

आदेश एक छोटे से समस्या मुखौटा करने के लिए, लेकिन पाठ टिकर बन जाएगा।