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