Cufon एक पाठ प्रतिस्थापन जावास्क्रिप्ट पुस्तकालय है। यह कोडबेस में एसआईएफआर से असंबंधित है, लेकिन फ्लैश फाइलों की आवश्यकता के बिना एक ही चीज़ को पूरा करता है। इसे स्थापित करने में लगभग 5 मिनट लगते हैं और फिर आपको इसे फिर से स्पर्श करने की आवश्यकता नहीं होती है। आसान नहीं हो सकता है और यह आपकी वेबसाइट के तरीके पर एक बड़ा प्रभाव डाल सकता है।
यह काम किस प्रकार करता है
पहला कदम Cufon वेबसाइट के माध्यम से अपना फ़ॉन्ट सबमिट करना है। वे फ़ॉन्ट को एक एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) फ़ॉन्ट में संसाधित करते हैं। फिर मार्गों को वीएमएल (वेक्टर मार्कअप भाषा) पर संसाधित किया जाता है, जो IE में Cufon की गति को बहुत बढ़ाता है। जिसके परिणामस्वरूप डेटा जेएसओएन में एन्कोड किया गया है और प्रसंस्करण के लिए एक क्यूफॉन परिभाषित फ़ंक्शन में पास किया गया है, और वह जगह है जहां जादू होता है।
Cufon उदाहरण
सबसे पहले, Cufon वेबसाइट पर जाएं, और प्रसंस्करण के लिए अपनी फ़ॉन्ट फ़ाइल जमा करें। यह आपके लिए डाउनलोड करने के लिए एक .js फ़ाइल थूक जाएगा। Cufon को टेक्स्ट को अपनी पसंद के फ़ॉन्ट में अनुवाद करने के लिए आपको यह फ़ाइल रखना होगा।
इसके बाद, cufon-yui.js फ़ाइल और जेनरेट की गई फ़ॉन्ट जावास्क्रिप्ट फ़ाइल दोनों शामिल करें। आखिरकार कक्षा में कुछ पाठ लपेट रहा है, और उस वर्ग के नाम के आसपास एक क्यूफॉन प्रतिस्थापन शुरू कर रहा है। नीचे पूरा कोड:
$ (दस्तावेज़) .ready (फ़ंक्शन () {Cufon.replace ('। molot');}); यह मोलोट फ़ॉन्ट में पाठ है का परिणाम:
यह मोलोट फ़ॉन्ट में पाठ है
Cufon Lineheight
लाइन ऊंचाई वाले सभी ब्राउज़रों के साथ एक ज्ञात समस्या है जो शायद तय नहीं की जा रही है
Cufon.now ()
यह अनुशंसा की जाती है कि आईई पर बेहतर देखने के अनुभव के लिए कि आप शरीर टैग से ठीक पहले Cufon.now () फ़ंक्शन को कॉल करते हैं। यह एक अन्य क्षणिक ब्लिप का ख्याल रखता है जो पृष्ठ लोड होने के बाद हो सकता है और फिर फ़ॉन्ट लोड हो जाता है।
Cufon.now ()
आईई 9 समस्याएं
इस पोस्टिंग के अनुसार, आईई 9 के कुछ संस्करणों के साथ कुछ समस्याएं थीं, मुझे पता है कि वे उन्हें हल करने पर काम कर रहे थे और आशा करते हैं कि इन मुद्दों को ठीक करने के लिए जल्द ही रिलीज़ हो जाएंगे।
