2012-11-08 11 views
18

मैं का उपयोग कर रहा हूं उपयोगी सीएसएस संपत्ति -webkit-font-smoothing: antialiased वेबकिट ब्राउज़र में हेडलाइंस पर अच्छा अच्छा टेक्स्ट सुनिश्चित करने के लिए। क्या फ़ायरफ़ॉक्स में समकक्ष संपत्ति है? -webkit-font-smoothing: antialiased साथ WebKit में-webkit-font-smoothing: firefox में antialiased समकक्ष?

फ़ॉन्ट: फ़ायरफ़ॉक्स में

enter image description here

फ़ॉन्ट:

enter image description here

आप देख सकते हैं फ़ायरफ़ॉक्स में पाठ वेबकिट की तुलना में मोटी है। -webkit-font-smoothing: antialiased के बिना, टेक्स्ट वेबकिट में फ़ायरफ़ॉक्स में जैसा दिखता है।

+0

फ़ायरफ़ॉक्स प्रकार के लिए बेकार है FF19 – novicePrgrmr

+2

में ठीक उसी समस्या है:

तो यह कोड फ़ायरफ़ॉक्स में संगत परिणाम और वेबकिट प्रदान करना चाहिए। –

+0

क्या आपको कभी समाधान मिला? मुझे एक समान समस्या है, जाहिर है यह सब-पिक्सेल प्रतिपादन के साथ करना है। – Rob

उत्तर

20

फ़ायरफ़ॉक्स 25+ एक नया मैक ओएस-केवल गैरमानक सीएसएस संपत्ति -moz-osx-font-smoothing प्रभावी रूप से WebKit के -webkit-font-smoothing के लिए इसी तरह का समर्थन करता है।

.example { 
    -moz-osx-font-smoothing: grayscale; /* Firefox */ 
    -webkit-font-smoothing: antialiased; /* WebKit */ 
} 
+0

लेकिन यह सिर्फ मैक ओएस सिस्टम पर काम करता है। मेरी राय में उल्लेख करना बहुत महत्वपूर्ण है। – kwoxer

+0

@kwoxer > नया ** मैक-ओएस-केवल ** गैर मानक सीएसएस संपत्ति –

1

एक बिंदु पर फ़ायरफ़ॉक्स में font-smooth था, लेकिन इसे हटा दिया गया है और जहां तक ​​मुझे पता है कि वर्तमान ट्रैक में बिल्कुल शामिल नहीं है। मैंने कुछ googling किया और कोई संकेत नहीं देखा कि उसमें कोई बदलाव होगा।

एक विकल्प के रूप में आप एक कार्यवाही की कोशिश कर सकते हैं जैसे: http://www.elfboy.com/blog/text-shadow_anti-aliasing/

+0

मैंने अपना जवाब अपडेट कर लिया है, मुझे आशा है कि आप देखेंगे कि अब मेरा क्या मतलब है। यहां एक छाया जोड़ना खुराक दुर्भाग्य से काम नहीं करता है। – wowpatrick

0

फ़ायरफ़ॉक्स, व्यवहार आप डिफ़ॉल्ट रूप से के बाद कर रहे हैं के रूप में तक मुझे पता है, इसलिए जो मानक सब-पिक्सेल फ़ॉन्ट समरेखण को निष्क्रिय यह स्पष्ट रूप से अनुरोध करने के लिए कोई जरूरत नहीं ...

1

समस्या -webkit-font-smoothing: antialiased है, वहाँ है। पढ़ प्रयास करें this

संबंधित मुद्दे