दुखद तथ्य यह है कि, अब तक सभी ब्राउज़रों के बीच फ़ॉन्ट विसंगतियां कैनवास में मौजूद हैं। फ़ायरफ़ॉक्स में एक तरीका क्या दिखता है आईई में एक और तरीका दिखता है। क्रोम में एक तरीका क्या दिखता है सफारी में एक और तरीका दिखता है (भले ही वे दोनों वेबकिट आधारित हैं)
फ़ॉन्ट को "सुरक्षित" में बदलें और देखें कि क्या होता है। उदाहरण के लिए:
ctx.font = "72pt verdana"
ctx.fillText("lalalala", 0, 72);
आईई 9 और एफएफ 4 दोनों में इसे प्रस्तुत करने के लिए आवश्यक है।
यह निश्चित रूप से आखिरी नहीं है। यदि आप अपने फ़ॉन्ट्स को स्केलिंग और घूर्णन करने जैसी चीजें कर रहे हैं तो आपको भी वीडर समस्याओं का सामना करना पड़ेगा। http://simonsarris.com/misc/scaleText.html
(screenshot of that problem)
तो समाधान बस है कि परीक्षण से (ब्राउज़रों आप लक्षित करना चाहते पर एक ही लग रही समाप्त होता है एक फ़ॉन्ट को मिल रहा है: ओपेरा या क्रोम के गैर देव संस्करण में इस प्रयास करें और त्रुटि, वेब-सुरक्षित फ़ॉन्ट सूची से शुरू करें), और fillText को कॉल करने से पहले और स्केल को घुमाएं। यहां तक कि अन्य परिवर्तन भी हो सकते हैं जो विभिन्न ब्राउज़रों में अजीब प्रभाव डालते हैं, इसलिए आपको अपने फ़ॉन्ट को एक साधारण मामले पर आज़माएं और देखें कि यह वास्तव में अलग दिखता है या नहीं।
स्रोत
2011-06-02 16:07:04
आप किस फ़ॉन्ट का उपयोग कर रहे हैं? ctx.font के लिए? –
फ़ायरफ़ॉक्स का कौन सा संस्करण आप तुलना कर रहे हैं? क्या यह संभावित रूप से आक्रामक संकेतित फोंट से दूर है, जैसा कि http://www.geekm.ag/Archive/Font_Purity_Firefox4_IE9_and_Direct2D_a_love_story जैसी साइटों पर उल्लिखित है? – Tommy
यह कोई फैंसी फ़ॉन्ट नहीं है, केवल सामान्य एरियल 11px #ffffff – nerdess