Google फ़ॉन्ट्स को Wordpress साइट में एम्बेड करना

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

इसके अलावा, वे आपकी डिज़ाइन परियोजनाओं में एकीकृत करने के लिए आश्चर्यजनक रूप से आसान हैं। हम आपको दिखाएंगे कि आप इन Google फ़ॉन्ट्स को अपनी वर्डप्रेस साइट में कैसे शामिल कर सकते हैं।

गूगल फ़ॉन्ट्स

शुरू करने के लिए, आपको उस फ़ॉन्ट का चयन करना होगा जिसके साथ आप काम करना चाहते हैं। कई विकल्प हैं, इसलिए आपके पास चुनने के लिए एक बड़ा मेनू है। आप उन्हें पर जाकर ढूंढ सकते हैं Google का फ़ॉन्ट पृष्ठ. यदि आप एक विशिष्ट फ़ॉन्ट की तलाश कर रहे हैं, तो बस खोज बॉक्स में फ़ॉन्ट का नाम टाइप करें और यह एक नमूने के साथ आना चाहिए।

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

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

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

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

यदि आप इन अद्वितीय फोंट को अपनी वर्डप्रेस साइट में शामिल करना चाहते हैं, तो आप कई तरीके आजमा सकते हैं।

सीएसएस का उपयोग करना

Google के चयन से फ़ॉन्ट पर क्लिक करें, और यह आपको विस्तृत फ़ॉन्ट पृष्ठ पर ले जाएगा। ऊपरी दाएं कोने में "+" चिन्ह है। उस पर क्लिक करें और एक साइड विंडो खुलेगी। "एम्बेड करें" पर क्लिक करें।

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

PHP का उपयोग करना

पहले कुछ चरणों का पालन करें और "+" चिह्न पर क्लिक करने के बाद आपको मिलने वाले लिंक को कॉपी करें। अब, बस इसे अपनी थीम की header.php फ़ाइल में जोड़ें। फ़ॉन्ट जोड़ने के लिए सहेजना याद रखें।

जावास्क्रिप्ट फ़ंक्शन का उपयोग करना

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

बस फ़ॉन्ट का लिंक प्राप्त करें (http से ”), और इसे अपनी थीम की functions.php फ़ाइल में जोड़ें जिसके चारों ओर अतिरिक्त कोड है। यहां वह कोड है जिसका आपको उपयोग करने की आवश्यकता होगी:

फ़ंक्शन custom_add_google_fonts() {

wp_enqueue_style('कस्टम-गूगल-फोंट', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, झूठा);

}

add_action('wp_enqueue_scripts', 'custom_add_google_fonts');

इनमें से कोई भी विकल्प Google फ़ॉन्ट्स को आपकी वर्डप्रेस वेबसाइट में एकीकृत करने के लिए ठीक काम करेगा, इसलिए यह महत्वपूर्ण है कि आप अपने लिए सबसे सहज महसूस करें।