पहले, साइट बनाते समय, आपको बिटमैप आइकन का उपयोग करना पड़ता था। यह सुंदर था, लेकिन कई कारणों से असुविधाजनक था। आज, सदिश चिह्नों ने रेखापुंज चिह्नों का स्थान ले लिया है। यह एक मूल और सुरुचिपूर्ण समाधान है जो आपकी साइट को सजाएगा और ताज़ा करेगा।
निर्देश
चरण 1
आइकन से फोंट बनाने के लिए एक अच्छी वेब सेवा है। इसे फॉन्टैस्टिक कहा जाता है। यह पूरी तरह से मुफ़्त है और कोई विज्ञापन नहीं है। पहला कदम सेवा वेबसाइट पर पंजीकरण करना है। वेबसाइट fontastic.me पर जाएं, इनपुट फ़ील्ड में अपना ईमेल पता दर्ज करें और एक पासवर्ड बनाएं, फिर बड़े पीले बटन "अपना आइकन फ़ॉन्ट बनाएं" पर क्लिक करें। कभी-कभी ऐसा होता है कि सफल पंजीकरण की पुष्टि करने वाली कोई जानकारी प्रदर्शित नहीं होती है। इसके बारे में चिंता न करें, अगले चरण पर आगे बढ़ें।
चरण 2
अब ऊपरी दाएं कोने में स्थित "लॉगिन" बटन पर क्लिक करें। खुलने वाले पृष्ठ पर, अपना ई-मेल और पासवर्ड फिर से दर्ज करें, "लॉगिन" बटन दबाएं।
कुछ सेकंड प्रतीक्षा करने के बाद, आइकन से फ़ॉन्ट बनाने का पैनल खुल जाएगा।
चरण 3
यहाँ आइकनों का एक बड़ा चयन है। माउस से अपनी पसंद के आइकॉन पर क्लिक करके जितने चाहें उतने आइकॉन चुनें। शीर्ष पर, "PUBLISH" शब्द के बाद, चयनित आइकन की संख्या इंगित की गई है।
चरण 4
यदि आपके पास प्रस्तुत संख्या से पर्याप्त चिह्न नहीं हैं, तो पृष्ठ के नीचे स्क्रॉल करें और "अधिक चिह्न जोड़ें" कहने वाला बटन ढूंढें। इस पर क्लिक करें।
चरण 5
अतिरिक्त आइकन पैक वाला एक पेज खुलेगा। उनमें से कुछ का भुगतान किया जाता है ("प्रीमियम" लेबल किया जाता है), कुछ मुफ्त हैं। अतिरिक्त आइकन सक्रिय करने के लिए, चयनित पैकेजों पर "सक्रिय करें" बटन दबाएं। अब जब आप शीर्ष मेनू में "होम" बटन पर क्लिक करके नियंत्रण कक्ष के साथ आरंभ करने के लिए जाते हैं तो वे उपलब्ध चिह्नों की सामान्य सूची में दिखाई देंगे।
चरण 6
यदि आपको अपने स्वयं के चिह्न जोड़ने की आवश्यकता है, तो शीर्ष दाईं ओर उसी पृष्ठ पर, "आयात चिह्न" बटन पर क्लिक करें। अब आप अपने खुद के आइकन अपलोड कर सकते हैं। कृपया ध्यान दें कि केवल एसवीजी वेक्टर प्रारूप समर्थित है।
चरण 7
आवश्यक संख्या में आइकन चुनने के बाद, "कस्टमाइज़" बटन दबाएं। यहां आपको सभी चयनित आइकन दिखाई देंगे, और आप उन्हें मनमाना वर्ग नाम निर्दिष्ट कर सकते हैं, जिसके द्वारा आप उन्हें CSS शैलियों में संदर्भित करेंगे। या आप उन डिफ़ॉल्ट नामों को छोड़ सकते हैं जिन्हें सिस्टम ने चिह्नों को निर्दिष्ट किया है।
चरण 8
"प्रकाशित करें" बटन दबाएं। यहां आप बनाए गए वेक्टर आइकन फ़ॉन्ट ("डाउनलोड करें" बटन) डाउनलोड कर सकते हैं। सेवा द्वारा बनाए गए फ़ॉन्ट संग्रह को अपने कंप्यूटर पर डाउनलोड करें।
चरण 9
डाउनलोड किए गए संग्रह में सीएसएस शैली फ़ाइल, आइकन वर्गों के नाम वाली HTML फ़ाइल और फ़ॉन्ट के साथ "फ़ॉन्ट" फ़ोल्डर शामिल है। इस आइकन फॉन्ट का उपयोग आपकी वेबसाइट पर किया जा सकता है।
चरण 10
बनाए गए आइकन फ़ॉन्ट का उपयोग करने के लिए, आपको निम्न कार्य करने होंगे:
- संग्रह की सामग्री को अनपैक करें और शैलियों के साथ निर्देशिका में अपनी साइट पर अपलोड करें;
- इस आइकन फ़ॉन्ट के साथ काम करने वाले सभी साइट पृष्ठों के HEAD अनुभाग में एक CSS फ़ाइल का लिंक डालें;
- पेज कोड में, हम नए बनाए गए आइकन फ़ॉन्ट का उपयोग करने के लिए पहले बनाए गए वर्गों के नाम का उपयोग करते हैं।
