Google Fonts URL कैसे खोजें
फ़ेविकॉन डिज़ाइन में कस्टम फ़ॉन्ट के लिए Google Fonts URL ढूँढना और कॉपी करना सीखें। यह गाइड कदम दर कदम बताती है।
Google Fonts क्यों? हम Google Fonts सुझाते हैं क्योंकि उनकी साइट पर उपलब्ध सभी फ़ॉन्ट व्यावसायिक उपयोग के लिए मुफ़्त हैं। लाइसेंस या अतिरिक्त खर्च की चिंता बिना आप इन्हें फ़ेविकॉन डिज़ाइन में लगा सकते हैं।
कदम दर कदम गाइड
कदम 1: Google Fonts खोलें
ब्राउज़र में fonts.google.com पर जाएँ। यह आधिकारिक Google Fonts साइट है, जहाँ हज़ारों मुफ़्त फ़ॉन्ट देख सकते हैं।
कदम 2: फ़ॉन्ट चुनें
संग्रह देखें और जो फ़ॉन्ट चाहिए उस पर क्लिक करें। पेज के ऊपर सर्च बार से खास फ़ॉन्ट भी खोज सकते हैं।
कदम 3: चयन में फ़ॉन्ट जोड़ें
पसंद का फ़ॉन्ट मिलने पर पेज के ऊपरी दाएँ कोने में "Get font" बटन दबाएँ। फ़ॉन्ट चयन में जुड़ जाता है। यही दोहराकर कई फ़ॉन्ट जोड़ सकते हैं — हमारा फ़ेविकॉन मेकर एक URL से कई फ़ॉन्ट लोड कर सकता है, इसलिए जितने चाहिए उतने जोड़ें।
"Get font" बटन ऊपरी दाएँ कोने में है
कदम 4: चुने हुए फ़ॉन्ट खोलें
सभी फ़ॉन्ट जोड़ने के बाद ऊपरी दाएँ कोने में "View selected families" बटन देखें। इस पर चुने गए फ़ॉन्ट की संख्या का बैज होता है। क्लिक करके संग्रह खोलें, फिर कोड स्निपेट देखने के लिए "Get embed code" दबाएँ।
पहले "View selected families" फिर "Get embed code" दबाएँ
सभी link टैग दिखाने वाला एम्बेड कोड डायलॉग
कदम 5: फ़ॉन्ट URL निकालें
Google Fonts कई link टैग दिखाएगा, जिनमें preconnect और मुख्य स्टाइलशीट शामिल हैं। कुछ ऐसा दिखेगा:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> उस link टैग को ढूँढें जिसकी URL में css2 हो — यही सबसे लंबा होता है। href एट्रिब्यूट से पूरी URL कॉपी करें (उद्धरण चिह्नों के बीच का पूरा हिस्सा)। ऊपर के उदाहरण में URL है:
https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap इसे हमारे फ़ेविकॉन मेकर के कस्टम फ़ॉन्ट इनपुट में चिपकाएँ। इसी एक URL में आपके चुने हुए सभी फ़ॉन्ट होते हैं।
सुझाव
- बेहतर प्रदर्शन के लिए URL में हमेशा &display=swap रखें
- लोड समय घटाने के लिए केवल वही फ़ॉन्ट चुनें जिसकी सच में ज़रूरत है
- पूरी URL कॉपी करें, वरना फ़ेविकॉन क्रिएटर फ़ॉन्ट लोड न कर पाए