Typekit के साथ WordPress में बहुत बढ़िया टाइपोग्राफी कैसे जोड़ें

Typekit के साथ WordPress में बहुत बढ़िया टाइपोग्राफी कैसे जोड़ें

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

वर्डप्रेस में टाइपकिट फ़ॉन्ट्स

क्यों टाइपकिट फ़ॉन्ट्स का उपयोग करें?

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

टाइपकिट लाइब्रेरी 1,000 से अधिक फोंट का एक विशाल संग्रह है। कुछ खूबसूरत फ़ॉन्ट्स जिन्हें आप वेब पर पा सकते हैं, Typekit, एक एडोब सेवा के माध्यम से उपलब्ध हैं।

उनकी बुनियादी मुक्त योजना 230+ फोंट तक पहुंचने के साथ आता है, और आप 2 फ़ॉन्ट परिवारों को एक वेबसाइट पर मुफ्त में उपयोग कर सकते हैं। अन्य योजनाएं $ 49.9 9 से प्रति वर्ष 99.99 डॉलर से शुरू होती हैं।

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

वर्डप्रेस वीडियो ट्यूटोरियल के लिए टाइपकिट

क्यों वर्डप्रेस पर कस्टम वेब फ़ॉन्ट्स का उपयोग करें?

टाइपोग्राफी आपकी साइट के डिजाइन में महत्वपूर्ण भूमिका निभाता है।

सही फ़ॉन्ट चुनना स्पष्ट रूप से आपके व्यक्तित्व और संदेश को आपके पाठकों के साथ संवाद करेंगे। कोई भी चीज नहीं जिसे आप चित्रित करना चाहते हैं – पेशेवर, मैत्रीपूर्ण, आकस्मिक, अनुभवी – आपकी वेबसाइट पर दिए गए फोंट सही छवि को प्रोजेक्ट करने में मदद कर सकते हैं।

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

सही कस्टम वेब फोंट कर सकते हैं:

  • रूपांतरण दरों में वृद्धि
  • अपनी साइट की बाउंस दर कम करें
  • अपनी वेबसाइट पर बिताए समय बढ़ाएं
  • उपयोगकर्ताओं के लिए एक यादगार अनुभव बनाएं

Typekit फ़ॉन्ट्स के साथ आरंभ करने के लिए तैयार हैं? अपने वर्डप्रेस डिजाइन को कस्टमाइज़ करने के लिए टाइपकिट का उपयोग कैसे करें।

Typekit के साथ कैसे आरंभ करें

पहले आपको एक टाइपकिट खाता बनाना होगा। ऐसा करने के लिए, बस उपलब्ध योजनाओं की तुलना करने के लिए Typekit.com पर जाएं

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

टाइपकिट सदस्यता योजनाएं

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

अपनी साइट के लिए एक किट बनाना

आपकी किट के लिए अपनी जानकारी भरने के बाद, Typekit आपको अपनी साइट में जोड़ने के लिए थोड़े जावास्क्रिप्ट कोड देगा। आप इस कोड को किसी टेक्स्ट एडिटर में कॉपी और पेस्ट कर सकते हैं जैसे नोटपैड को अब इसे सहेजने के लिए। हम इसे इस ट्यूटोरियल के अगले चरण में अपनी साइट पर जोड़ देंगे।

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

टाइपकिट लाइब्रेरी से फ़ॉन्ट चुनना

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

अपने वेब किट में टाइपकिट फ़ॉन्ट जोड़ें

यह एक पॉप-अप लाएगा जहां आपको आपके द्वारा बनाई गई किट को चुना गया फ़ॉन्ट जोड़ना होगा।

एक किट में अपना कस्टम वेब फ़ॉन्ट जोड़ना

अब आप क्लिक कर सकते हैं प्रकाशित करना अपने किट में बदलाव सहेजने के लिए बटन

अपने बदलावों को सहेजने के लिए अपनी किट प्रकाशित करें

बस इतना ही! आपका फॉन्ट किट अब उपयोग के लिए तैयार है

WordPress में आपकी Typekit फ़ॉन्ट्स को जोड़ना

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

हम WordPress प्लगइन के लिए Typekit फ़ॉन्ट्स की सलाह देते हैं। प्लगइन को इंस्टॉल और सक्रिय करने के बाद, आप यहां जा सकते हैं सेटिंग्स »टाइपकिट फ़ॉन्ट्स प्लगइन को कॉन्फ़िगर करने के लिए

फोंट को अनुकूलित करने के लिए वर्डप्रेस टाइपकिट प्लगइन का उपयोग करना

पहले आपको जावास्क्रिप्ट कोड को पेस्ट करना होगा जो आपने पहले Typekit एम्बेड कोड क्षेत्र में सहेजा था। इसके बाद, आप सीएसएस चयनकर्ताओं को यह निर्दिष्ट करने के लिए जोड़ सकते हैं कि आप अपनी साइट पर फ़ॉन्ट का उपयोग कैसे करना चाहते हैं।

ऊपर दिए गए स्क्रीनशॉट में हमने फ़ॉन्ट को जोड़ा h1.site-शीर्षक सीएसएस चयनकर्ता

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

सीएसएस वर्गों को खोजने के लिए Google क्रोम में एलिमेंट टूल का निरीक्षण करना