2012-03-17 13 views
6

मैं आईई 8 पर राफेल (एसवीजी/वीएमएल रेंडरिंग जावास्क्रिप्ट लाइब्रेरी) के साथ काम करने के लिए कुछ Google फ़ॉन्ट चेहरों को बेझिझक करने की कोशिश कर रहा हूं।फ़ॉन्ट-फेस, राफेल और आईई 8

पहले मैंने Google फोंट कोड की कोशिश की।

मेरी दूसरी कोशिश फोंट को डाउनलोड करने और बदलने के लिए मेरे स्वयं के पूर्ण सीएसएस की मेजबानी करने के लिए किया गया है। अब फोंट पृष्ठ के एचटीएमएल भाग में दिखाए गए हैं (एक संशोधित बूटस्ट्रैप एनए ड्रॉपडाउन के अंदर), लेकिन यह वीएमएल कैनवास (राफेल द्वारा उत्पन्न) में काम नहीं करता है। यहाँ

उदाहरण:

http://beta.yetiprint.com/fr/etiquettes-autocollantes/4-etiquettes-couleur-ronde.html

क्या यह संभव है कि IE8 में काम पाने के लिए? कोई सुराग?

+0

यह देखने के लिए कि क्या वे काम करते हैं और आगे डीबग करते हैं, 'eot' फोंट (ओपन टाइप) आयात करने का प्रयास करें। यह [msdn] पर प्रलेखित है (http://msdn.microsoft.com/en-us/library/ms533034 (v = vs.85) .aspx)। मैं अब कुछ समय के लिए समस्या का पता लगाने की कोशिश कर रहा हूं, और अब तक यह एकमात्र आशाजनक लीड है। इसे बाद में हल करने की उम्मीद है .. –

+0

मुझे निराशाजनक हो रहा है, [यहां] पढ़ने के बाद (http://dojotoolkit.org/reference-guide/dojox/gfx.html#implementation-notes) कि आईई ने 'फ़ॉन्ट के लिए समर्थन छोड़ा था संस्करण 7 के बाद वीएमएल पर -फैमिली ' –

+1

भी, [आईई में' ईट' फोंट पर यह धागा] देखें (http://stackoverflow.com/questions/5472207/ie-8-problem-with-custom-google- फ़ॉन्ट) और देखें कि क्या यह मदद करता है। –

उत्तर

3

क्या आपने राफेल में registerFont() पर प्रक्रियाओं की कोशिश की है? http://raphaeljs.com/reference.html#Raphael.registerFont देखें। यह राफेल में फ़ॉन्ट प्राप्त करने की प्रक्रिया देता है।

the link in that page के आधार पर, आपको वीएमएल समर्थन और इस प्रकार IE8 कार्यक्षमता प्राप्त करने में सक्षम होना चाहिए। कम से कम सैद्धांतिक रूप से; मैंने इसे कभी नहीं किया है, मुझे अभी यह जानकारी मिली है जो उस दिशा में इंगित करती है जिस दिशा में आप जाना चाहते हैं।

5

मैं पुष्टि कर सकता हूं कि स्कॉट्स की विधि काम करती है, लेकिन मैं इन निर्देशों को उनके उत्तर के टिप्पणी क्षेत्र में फिट नहीं कर सका। Cufón website को

  1. जाओ जहां पथ आकृतियों पर एक फ़ॉन्ट परिवर्तित कर सकते हैं: कस्टम फोंट प्राप्त करने के लिए

    निर्देश Cufón का उपयोग करके राफेल में काम करने के लिए।

  2. अपना कस्टम फ़ॉन्ट अपलोड करें, फ़ॉन्ट नाम चुनें, और "तृतीय-पक्ष स्क्रिप्ट के लिए अनुकूलन" पर राफेल आइकन पर क्लिक करें।
  3. फॉर्म सबमिट करें और पॉप अप करने वाली जावास्क्रिप्ट फ़ाइल डाउनलोड करें।
  4. राफेल जावास्क्रिप्ट के नीचे इस जावास्क्रिप्ट को शामिल करें।
  5. इस तरह राफेल, जहां fontname कि आप चरण 2 में निर्दिष्ट अपने फ़ॉन्ट का नाम है के साथ Register the font: राफेल में var myfont = paper.getFont('fontname');
  6. Use your font इस तरह: paper.print(100, 100, 'Hello World', myfont, 100);

प्रदर्शन Paper.text की तुलना में महान नहीं है, लेकिन यह आईई 6 और ऊपर काम करता है।

+0

अच्छी चीजें - यह एक आकर्षण की तरह काम करता है, और हाँ - प्रदर्शन खराब है। एक और अंतर यह है कि पेपर.टेक्स्ट आपके द्वारा निर्दिष्ट बिंदु के चारों ओर पाठ केंद्रित करता है। Paper.print बस इसे इस बिंदु से प्रस्तुत करता है। – Karol

+1

मुझे लगता है कि यह शूल्ड उत्तर स्वीकार किया जा सकता है क्योंकि कस्टम फोंट राफेल के साथ काम करने का कोई दूसरा तरीका नहीं है। – Karol