डाउनलोड टीटीएफ फोंट फ्लैश करने के लिए

कौन नहीं, अगर कोई हारा आदमी नहीं जो उपयोगी और दिलचस्प सामग्री पढ़ने के लिए दिन में कई घंटे बिताता है, वह जानता है कि सामग्री इंटरनेट पर राज करती है। और इसका सही और सुंदर प्रदर्शन, जो विभिन्न फोंट में इसकी प्रतीति पाता है, हमारे स्वाद को नियंत्रित करता है।

उन साइटों की एक बड़ी संख्या जो हम प्रतिदिन ब्राउज़ करते हैं, विभिन्न प्रकार के फ़ॉन्ट समाधानों के साथ हमारी आँखों को प्रसन्न करते हैं: शीर्षकों, नारों, ग्रंथों, चुनावों, टिप्पणियों ... इन सभी के लिए, एक अद्वितीय फ़ॉन्ट है। यही कारण है कि हम आज बात करना चाहते हैं कि कैसे साइट को न केवल अधिक गतिशील बनाया जाए, बल्कि अधिक पठनीय भी बनाया जा सके। यह MotoCMS के विकास पर ध्यान केंद्रित करेगा - एक ऑनलाइन फ़ॉन्ट प्रबंधक ।

लेख को अंत तक पढ़ने के बाद, आप इस प्रबंधक की सभी विशेषताओं को जानेंगे, और यह भी समझ पाएंगे कि आप इसे अपने फ्लैश प्रोजेक्ट में कैसे उपयोग कर सकते हैं।

आइए हमारे लेख की संक्षिप्त रूपरेखा के साथ शुरू करें। आज हम बात करेंगे:

• एम्बेडेड फोंट के फायदे और नुकसान;
• सबसे आम संकलन त्रुटियां;
• किसी भी फ़्लैश साइट में एक नया फ़ॉन्ट कैसे एकीकृत करें;

तो, जैसा कि पुराने गागरिन कहते थे, चलो ...

एम्बेडेड फोंट के फायदे और नुकसान

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

• फ़ॉन्ट को सही प्रदर्शन के लिए अतिरिक्त स्थापना की आवश्यकता नहीं है;
• प्रभाव एम्बेडेड फ़ॉन्ट, फीका, घुमाया, और इस तरह से लागू किया जा सकता है;
• सुचारू रूप से एम्बेडेड फोंट उपयोगकर्ता द्वारा बेहतर माना जाता है;
• एंबेडेड फोंट का उपयोग करके फ़्लैश फ़ाइलों में पाठ के बेहतर प्रतिपादन की अनुमति मिलती है

हालांकि, किसी भी पदक की तरह, एम्बेडेड फोंट में कमियां होती हैं।

• आप केवल .TTF और .OTF स्वरूपों में ही फोंट का उपयोग कर सकते हैं। यदि आपको एक कस्टम फ़ॉन्ट का उपयोग करने की आवश्यकता है, तो आपको इसे एक अलग .swf फ़ाइल में आयात करना होगा, और उसके बाद ही फ़ाइल को अपने आवेदन में सही ढंग से पंजीकृत करें।
• अंतर्निहित फोंट फ़ाइल के अंतिम वजन को प्रभावित करेंगे - इसे बड़ा करें, जिसका अर्थ है कि उपयोगकर्ताओं को आपकी साइट को लोड करने के लिए प्रतीक्षा करने के लिए अधिक समय की आवश्यकता होगी।
• नया फ़ॉन्ट जोड़ने के लिए अक्सर आपको अतिरिक्त कोड का उपयोग करना होगा।

अतिरिक्त एम्बेडेड फोंट का उपयोग किसी भी मामले में उचित है, क्योंकि यह आपको अपनी साइट को और अधिक आकर्षक, अद्वितीय और पढ़ने में आसान बनाने की अनुमति देता है।

किसी भी मामले में, एक नया फ़ॉन्ट जोड़ने की प्रक्रिया शुरू करने के लिए, आपके पास यह .TTF या .OTF प्रारूप में उपलब्ध होना चाहिए। आपको इसे .SWF में परिवर्तित करना होगा। एक ऑनलाइन फ़ॉन्ट प्रबंधक (OMS) के साथ, प्रक्रिया कुछ ही मिनटों में पूरी हो जाती है।

एक नया फ़ॉन्ट बनाने का तर्क

लिंक खोलें: www.cms-guide.com/online-font-creator



.TTF या .OTF प्रारूप में एक फ़ॉन्ट का चयन करें और "फ़ॉन्ट जोड़ें" बटन का उपयोग करके इसे लोड करें



"फोंट बनाएँ" बटन पर क्लिक करें। प्रक्रिया शुरू हो गई है



नतीजतन, हमें एक परिवर्तित फ़ॉन्ट के साथ एक संग्रह मिलता है, जो फ़्लैश साइटों में आगे उपयोग के लिए तैयार है

ऑनलाइन फ़ॉन्ट प्रबंधक MotoCMS का एक स्वतंत्र उत्पाद है और बिल्कुल सभी डेवलपर्स के लिए उपलब्ध है

संभावित संकलन त्रुटियाँ

आज, ऊपर दिए गए निर्देशों के अनुसार लगभग किसी भी फ़ॉन्ट को संकलित किया जा सकता है। हालांकि, यह ध्यान दिया जाना चाहिए कि कभी-कभी उपयोगकर्ता फ़ॉन्ट बनाते समय त्रुटियों का सामना कर सकते हैं। इसके मूल में, यह विभिन्न समस्याएं हो सकती हैं, जिसका कारण, एक नियम के रूप में, हमेशा एक ही है ...

इंटरनेट पर सार्वजनिक डोमेन में आज भी मौजूद फोंट की विविधता हमेशा अपने निर्बाध और सही संचालन के लिए सभी आवश्यक मापदंडों को ध्यान में रखकर नहीं बनाई गई है। यदि डिजाइनर ने इसके उपयोग की सभी बारीकियों और मापदंडों को ध्यान में रखते हुए फ़ॉन्ट बनाया है, तो संकलन प्रक्रिया बिना किसी समस्या के पास हो जाएगी। लगभग सभी त्रुटियां जो उपयोगकर्ता संकलन प्रक्रिया के दौरान सामना करती हैं, एक नियम के रूप में, इस फ़ॉन्ट के गलत प्रारंभिक संकेतकों से संबंधित हैं।

कुछ मामलों में, यदि आप जो .TTF या .OTF प्रारूप का उपयोग कर रहे हैं, वह पहले किसी अन्य प्रारूप से सही ढंग से संकलित नहीं किया गया था, तो यह त्रुटि का कारण भी बन सकता है।

संकलन प्रक्रिया के सफल होने के लिए, हम यह भी सलाह देते हैं कि यदि आप एक पेंसिल की छवि के साथ बटन पर क्लिक करते हैं तो आप उन अतिरिक्त मापदंडों पर ध्यान देंगे जो आपके लिए उपलब्ध होंगे।



संपादन विकल्प का उपयोग करना, यदि आवश्यक हो, तो आप अपनी आवश्यकता के अतिरिक्त फ़ॉन्ट पैरामीटर सेट कर सकते हैं:

• फ़ॉन्ट परिवार को बदलने की क्षमता;
• डिफ़ॉल्ट प्रदर्शन (मानक, बोल्ड, इटैलिक);
• केवल आवश्यक अक्षर जोड़ना।

मैं अंतिम बिंदु पर अधिक विस्तार से ध्यान देना चाहूंगा। वर्णों की संपूर्ण श्रेणी का उपयोग अंतिम फ़ाइल आकार को प्रभावित करता है, जिसका अर्थ है कि डाउनलोड की गति इस पैरामीटर पर निर्भर करेगी। यदि आप जानते हैं कि आपको केवल एक निश्चित वर्ण की आवश्यकता है, तो आप उन्हें केवल डाउनलोड कर सकते हैं। इस प्रकार अंतिम फ़ाइल के आकार को काफी कम कर देता है। उदाहरण के लिए, यह स्थिति बहुत उपयुक्त होगी यदि आप प्री-लोडर के लिए एक गैर-मानक फ़ॉन्ट का चयन करते हैं, जिसमें से आपको अंततः केवल 11 वर्ण (U + 0025, U + 0030-U + 0039) प्रदर्शित करने की आवश्यकता है।

यह भी ध्यान देने योग्य है कि फ्लैश के साथ उपयोग करने से पहले कुछ फोंट को अनुकूलित करने की सिफारिश की जाती है। कम से कम, पिक्सेल फोंट लें। एक नियम के रूप में, वे बहुत लोकप्रिय हैं, लेकिन उनके उपयोग में कई अतिरिक्त सेटिंग्स और प्रतिबंध शामिल हैं।

यदि आप मोटो सीएमएस कंट्रोल पैनल के साथ साइट टेम्पलेट या तैयार प्रोजेक्ट का उपयोग करते हैं, तो परिणामी फ़ॉन्ट जोड़ने से प्रशासन इंटरफ़ेस के माध्यम से व्यावहारिक रूप से कोई प्रयास नहीं होगा। अन्य सभी परियोजनाओं के लिए हम कोड का उपयोग करते हैं।

एक समाप्त फ़ॉन्ट जोड़ने के लिए कोड

यदि आपका प्रोजेक्ट MotoCMS पर निष्पादित नहीं किया गया था, तो OMSh में उत्पन्न फ़ॉन्ट .swf को 59 लाइनों के कोड का उपयोग करके जोड़ा जाता है । यहाँ वह है

{ import flash.display.Loader; import flash.display.LoaderInfo; import flash.display.Sprite; import flash.events.Event; import flash.net.URLRequest; import flash.text.Font; import flash.text.TextField; import flash.text.TextFormat; public class LoadFontProject extends Sprite { protected var fontFileName:String = "ComicSansMS.swf"; public function LoadFontProject() { var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler); loader.load(new URLRequest(fontFileName)); } protected function loaderCompleteHandler(event:Event):void { var loaderInfo:LoaderInfo = event.target as LoaderInfo; var motoFontInfoClass:Class = loaderInfo.applicationDomain.getDefinition("MotoFontInfo") as Class; if (motoFontInfoClass) { var fontName:String = motoFontInfoClass.FONT_NAME; var definitionName:String = motoFontInfoClass.FONT_CLASS; var fontClass:Class = loaderInfo.applicationDomain.getDefinition( definitionName) as Class; for (var j:uint = 0; j < fontClass.classes.length; j++) { Font.registerFont(fontClass.classes[j]); } trace("Font name: " + fontName); } var textField:TextField = new TextField(); var textFormat:TextFormat = textField.defaultTextFormat; textFormat.font = fontName; textField.defaultTextFormat = textFormat; textField.embedFonts = true; textField.text = "Sample text"; addChild(textField); } } } 

यहाँ और अधिक विस्तार से रहते हैं। कोड की शुरुआत में, हम उत्पन्न फ़ॉन्ट का नाम इंगित करते हैं

 protected var fontFileName:String = "ComicSansMS.swf"; 

फिर निर्दिष्ट फ़ाइल के लिए एक लोडर बनाएं और लोडर को पूरा करेंहैंडलर विधि

 public function LoadFontProject() { var loader:Loader = new Loader(); loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loaderCompleteHandler); loader.load(new URLRequest(fontFileName)); } 

डाउनलोड किए गए .swf फ़ॉन्ट फ़ाइल से MotoFontInfo वर्ग प्राप्त करें।

 var loaderInfo:LoaderInfo = event.target as LoaderInfo; var motoFontInfoClass:Class = loaderInfo.applicationDomain.getDefinition("MotoFontInfo") as Class; 

MotoFontInfo एक ऐसा वर्ग है जो फ़ॉन्ट उत्पन्न होने पर प्रत्येक .swf फ़ाइल में स्वचालित रूप से जुड़ जाता है। अगले चरण में, हमें फ़ॉन्ट सुविधाएँ मिलती हैं

 var fontName:String = motoFontInfoClass.FONT_NAME; 

.SWF फ़ॉन्ट फ़ाइल में एक वर्ग भी शामिल है जिसमें कई शैलियाँ शामिल हैं (उदाहरण के लिए, बोल्ड, इटैलिक्स)। हम फ़ॉन्ट श्रेणी के नाम का चयन करते हैं फिर इसे * से प्राप्त करते हैं। SWF फ़ाइल।

 var definitionName:String = motoFontInfoClass.FONT_CLASS; var fontClass:Class = loaderInfo.applicationDomain.getDefinition( definitionName) as Class; 

अगला कदम एक लूप का उपयोग करना है। फॉन्ट क्लास में पंजीकृत सभी शैलियों को एक साथ रखने के लिए यह आवश्यक है

 for (var j:uint = 0; j < fontClass.classes.length; j++) { Font.registerFont(fontClass.classes[j]); } 

कोड के अंत में, हम परिणामी फ़ॉन्ट को प्रदर्शित करने के लिए एक नया टेक्स्ट बॉक्स बनाते हैं।

उपरोक्त कोड का उपयोग किसी भी फ्लैश प्रोजेक्ट पर किया जा सकता है जिसे आप विभिन्न प्रकार के फ़ॉन्ट समाधानों के साथ विविधता देना चाहते हैं।

हमें प्रसन्नता होगी अगर एक असीमित संख्या में फोंट का उपयोग करके, या किसी मौजूदा को पूरक करने के लिए एक नई परियोजना बनाने के लिए लेख आपके लिए उपयोगी है।