2011-11-14 6 views
5

का उपयोग करके राफेल के साथ एक फ़ॉन्ट पंजीकृत करें मेरे पृष्ठों में मैं अक्सर .getFont के साथ राफेल। प्रिंट के साथ कस्टम फोंट का उपयोग करता हूं। सामान्य पाठ के लिए एसवीजी टेक्स्ट के लिए, और CSS3 @ फ़ॉन्ट-फेस (फ़ॉन्ट गिलहरी किट के साथ)। कफॉन के साथ JSON बनाये बिना, @ font-face संपत्ति से स्वचालित रूप से फ़ॉन्ट को पंजीकृत करना संभव है?CSS3 @ font-face

मैंने देखा फ़ॉन्ट गिलहरी किट में प्रारूप ('svg') वर्ष iPhone/iPad के लिए प्रयोग किया जाता है कि ("यह एक एक्सएमएल संस्करण 4.2 से पहले iOS उपकरणों के लिए आवश्यक प्रारूप है।") शायद यह भी उपयोगी हो सकता है डेस्कटॉप के लिए ...

धन्यवाद

+1

आपको सीएसएस के साथ एसवीजी में फ़ॉन्ट सेट करने में सक्षम होना चाहिए, एचटीएमएल के साथ ही। वास्तविक एसवीजी फोंट का उपयोग करने की कोई आवश्यकता नहीं है जबतक कि आप रूपरेखा या कुछ चीजों में हेरफेर नहीं करना चाहते हैं। इस समय आपके पास क्या कोड है? – robertc

उत्तर

2

आप अपने सीएसएस में @ फॉन्ट-फेस का उपयोग कर एक फ़ॉन्ट को परिभाषित करते हैं, तब यह एक Raphaël paper.text वस्तु को इस तरह से लागू कर सकते हैं:

var someText = paper.text(0, 0, 'this is some text');   
someText.attr({'font-family':'myCustomFont'}); 
+0

IE8 में मेरे लिए काम नहीं करता है ... क्या सीएसएस फ़ाइल में काम करने के लिए स्रोत (घोषित करने के लिए @ font-face) घोषित करने का कोई तरीका है? क्या यह Google फोंट के साथ काम कर रहा है? – Sucrenoir

+0

हां यह Google फोंट के साथ काम करता है। मुझे स्वीकार करना है, मैंने केवल एसवीजी संगत ब्राउज़रों (आईई 9 सहित) पर इसका इस्तेमाल किया है, जबकि आईई 8 एसवीजी संगत नहीं है। – Choy