WebMaster Zone - यहाँ Webmasters के लिए Tips, Tricks और Guide हिंदी में है |

WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें

WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें

WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें:- हेलो दोस्तों, स्वागत है आपका, आज में आपको बताऊंगा की किसी भी WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें | जैसा की आप जानते है की किसी भी Website का Font Style उसके Design का एक अहम हिस्सा है | अगर किसी भी Website का Font Style उसके Design के अनुसार नहीं है तो यह काफी अजीब सा दिखाई देगा और Font Style आपकी Website की भाषा के अनुरूप ना होने के कारण कई बार Users के लिए आपके Content को समझना मुश्किल हो जाता है | और ख़ासकर एक हिंदी blog के लिए तो Font Style काफी अहम चीज है | क्योकि अधिकतर Google Fonts हिंदी Content को प्रदर्शित करते समय Unresponsive हो जाते है |

तो अगर आप भी इसी समस्या से जुझ रहे है और अपने WordPress Blog या Website के Font Style को Change करना चाहते है तो ये Post आपके काफी काम आ सकती है | यहाँ पर मैने बिना किसी Plugin का उपयोग करे Font Style Change करने के बारे में बताया है | में Font Style को Change करने के लिए कभी भी Plugin Recommended नहीं करता, क्योंकि ये आपकी Website और इसके Database पर अनावश्यक Load डालते है, जो की आपकी Website को Slow कर सकता है | यहाँ पर मैने उस तरीके का उपयोग किया है, जो ज्यादातर Woredpress Themes उपयोग करती है | इस तरीके का प्रयोग मुख्यता Free WordPress Themes का Font Style Change करने के लिए किया जाता है | मगर इसके लिए आपको अपनी WordPress Theme की Function व CSS File में Changes करने होंगे | उनमे Changes करने के लिए आपको सबसे पहले अपनी WordPress Website के Dashboard में Login करना होगा | उसके बाद आपको Appearance पर जाना है और वहां से आपको Theme Editor पर Click करना है | अब आप वहां से अपनी जरुरत के अनुसार कोई भी File Edit कर सकते है | तो चलिए अब शुरू करते है |

WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें

तो अपनी WordPress Website का Font Style Change करने के लिए आपको सबसे पहले Google Fonts की library पर जाना होगा | आप वहां पर यहाँ Click करके जा सकते है | आपको वहां पर काफी सारी Font Families मिलेगी | जैसे की निचे दी गयी फोटो में दिखाया गया है |

font families in google libraries

उसमे से आपको अपने अनुसार कोई भी Font Family का चुनाव करना है, जो आपकी Website के Design के अनुसार हो और खूबसूरत लगे | आपको उसे Download नहीं करना है, आपको बस उसका नाम याद रखना है | अब आपको अपनी Function File में जाना है और वहां पर आपको उस Code को ढूंढ़ना है जो आपके वर्तमान Google Font को आपकी Website पर Grab कर रहा है | हम उसे अपने चुनाव किये गयी Font Family से Replace करेंगे | ये Code कुछ इस प्रकार का होता है |

/**
* Translators: If there are characters in your language that are not
* supported by Raleway, translate this to 'off'. Do not translate
* into your own language.
*/
$the_font = _x( 'on', 'Raleway font: on or off', 'head-blog' );

if ( 'off' !== $the_font ) {
$font_families = array();

$font_families[] = 'Raleway:300,400,700';

$query_args = array(
'family' => urlencode( implode( '|', $font_families ) ),
'subset' => urlencode( 'latin-ext' ),
);

$fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' );
}

return esc_url_raw( $fonts_url );
}

इसमें मेरा Default Font Raleway है | अब यदि मेरे को Raleway की जगह कोई और Font जैसे की Lato चाहिए तो में Raleway को हटाकर वहां पर Lato लिख दूंगा | आपको भी ऐसा ही करना है | आपको वहां पर दिए गए Default Font का नाम हटाकर अपने चुनाव किये हुए Font Family का नाम लिखना है | उसके बाद आपको अपनी Function File को Save/Update करना है | अब हमने Google Font URL को अपने चुनाव के हिसाब से बदल (Change ) कर दिया है | इसके बाद बस इसे CSS के द्वारा अपने Website पर Apply करना है | इसके लिए आपको अपनी Website की CSS File को Edit करना है | ज्यादातर Themes में बस इसे केवल Body के CSS में ही Add किया जाता है | जैसा की निचे दिखाया गया है |

body {
font-family: 'Raleway', "Helvetica Neue", helvetica, arial, sans-serif;
padding: 0;
color: #404040;
font-weight: 400;
line-height: 1.6;
font-size: 15px;
word-wrap: break-word;
}

इसमें भी आपको Default Font का नाम हटाकर अपने चुनाव किये हुए Font Family का नाम लिखना है | इसके बाद आपको एक बार पूरी CSS file को देख लेना है और जहाँ भी Default Font का नाम दिखाई दे उसे हटाकर अपने चुनाव किये हुए Font Family का नाम लिखना है | उसके बाद आपको अपनी CSS File को Save/Update करना है | आपकी WordPress Website का Font Style Change हो जायेगा | अपनी Website के कैश और कुकीज़ को Clear करना ना भूलें |

तो ये थी सम्पूर्ण जानकारी की किसी भी WordPress Website का बिना किसी Plugin के Font Style कैसे Change करें | अगर आपको ये जानकरी पसंद आयी हो तो इसे अपने दोस्तों के साथ Share जरूर करें |

ऐसी ही और जानकारी अपने Inbox में प्राप्त करने के लिए हमारा Email Newsletter जरूर Subscribe करें |

Tags
Show More

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close