ब्लॉग को अच्छे से design करने के लिए उसमे icons use करना बहुत जरुरी होता है. हम icons की मदद से अपने ब्लॉग की look को और भी better बना सकते हैं. Icons कई types के होते है और सभी का file different होता है. हम आज इस post में आपको Font Awesome icon के बारे में बताने वाले हैं. इसको कैसे अपने ब्लॉग में host करें और इसे use कैसे किया जाता है. अगर आप भी अपने ब्लॉग में font awesome की icons add करना चाहते हो तो यह article आपके लिए ही है. इसे ध्यान से पढ़े आपको इसके बारे में सभी जानकारी मिल जायेगी.

लगभग सभी popular blogger अपने ब्लॉग में icons को use करते हैं. इससे उसके ब्लॉग की design तो अच्छी होती ही है और इससे उसके visitors किसी post को अच्छे से समझ पाते है. बहुत सारे popular brands और widgets के लोगो के icons बने होते हैं. जिससे लोग अपने ब्लॉग में use करते है. Icons बहुत से file में होते हैं. जैसे PNG, svg etc. File में होते हैं. हम इस post में आपको Font Awesome Icons के बारे में बताने वाले है.

Font awesome एक icons की pack है. यह other सभी icons file से better है और यह सबसे fast loading होने वाली icon file है. इससे आप free में अपने website, app, theme etc. को design कर सकते हो. लगभग सभी website designer, app developer, theme developer इसको use करते हैं. अगर आप चाहो तो इसकी मदद से Social Sharing buttons को easily design कर सकते हो, अपने से Social Follow buttons बना सकते हो लेकिन इसके लिए आपको HTML की जानकारी होनी चाहिए. इसको ब्लॉग में use करना बहुत ही simple है.

इसको use करने के लिए आपको font awesome की file को अपने site में host करना होगा. इसको अपने site में host करने के लिए बहुत सारे तरीके हैं. हम अगले post में आपको इसको host करने के लिए अलग अलग तरीके के बारे में बताएँगे लेकिन फिलहाल हम इस post में Font awesome को host करने के लिए एक तरीके के बारे में बताएँगे. जिससे आप आसानी से font awesome को अपने ब्लॉग में host करके use कर पाओगे।

Font Awesome क्या है?

जिस तरह में आपको ऊपर में भी बताया है तो आपको इसके बारे में थोड़ा बहुत जानकारी मिल गया होगा. अगर आप नही जानते हो तो में आपको बता देता हूँ की Font awesome icons की file है. जिससे हम अपने ब्लॉग में icons को add करके उसे design कर सकते हैं.
वैसे icons की कई others file भी हैं लेकिन सबसे better और fast loading यही है. इसीलिए लगभग सभी popular ब्लॉगर अपने ब्लॉग में इसी को use करते है. अगर आप चाहो तो इसको अपने ब्लॉग में आसानी से use कर सकते हो लेकिन आपको इसके लिए अपने site में font awesome को host करना होगा. इसके लिए हम निचे बता रहे हैं।

Font Awesome को अपने ब्लॉग में Host कैसे करें?

इसको अपने ब्लॉग में host करना बहुत ही आसानी है. हम आपको निचे में MaxCDN से host करने के बारे में बता रहे हैं. क्योकि यह सबसे better CDN Provider है तो चलिए जानते हैं की Font Awesome को ब्लॉग में कैसे Host करें।

Step 1: सबसे पहले Blogger में Login करके अपने Blog Dashboard में जाएँ।

Step 2: अब Theme ->Edit HTML में जाएँ और CTRL+F की मदद से </head> को search करें.

Step 3: </head> मिल जाने पर </head>  के पहले आपको निचे दिए हुए code को add करना है और Save कर देना है.

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

अब Font Awesome आपके ब्लॉग में Host हो गया है. अब आप आसानी से अपने ब्लॉग में Font Awesome को use कर सकते हो. आपके ब्लॉग में 600+ Icons host हो चुकी है. अब आप इसे आसानी से customize और design कर सकते हो. चलिए अब हम जानते हैं की Font Awesome को ब्लॉग में कैसे use करें?

Font Awesome को ब्लॉग में कैसे Use करें?

अब आपने अपने ब्लॉग में Font Awesome icons को host कर लिया है. अगर नही किये हो तो host कर लीजिए. क्योकि बिना Host किये आप ब्लॉग में Font Awesome की icons को use नही कर सकते हो.

Font Awesome को use करने के लिए सभी icons का अलग अलग fa fa HTML code होता है, जिसे हमें अपने ब्लॉग में या ब्लॉग की post में add करना होता है. तभी font awesome की icon show होता है.

जैसे की हमे अपने ब्लॉग की post में Facebook का icon add करना है तो इसका html code <i class=”fa fa- facebook “></i> है. तो इस code को हमे अपने ब्लॉग post की HTML टैब में add करना होगा तभी हमारे post में facebook की icon show होगी।

अगर आप यह सोच रहे हो की हम किसी Icon का html code कैसे पता करे तो इसके लिए आप यहाँ पर Visit करके Icons की HTML code देख सकते हो. जब आप इस site में visit करोगे तो वहां बहुत सारे icons होंगे. आपको जिस icon का HTML code जानना है, उसपर click करें.

Font Awesome Icons का Color और size कैसे Change करें.

Change Color Of Icon.

आप font awesome की icons का color भी change कर सकते हो. इसके लिए बहुत ही simple है. में आपको example देकर समझाता हूँ. जैसे की Heart की html code यह है.

Example: <i class=’fa fa-heart ‘/></i>

तो हमे इसका color change करने के लिए style=’color:red ‘;आप red के स्थान पर अपने हिसाब से blue, white, black, purple, yellow, green, etc. कोई color name देकर set कर सकते हो. इसको add करने के बाद इस तरह हो जायेगा.

Example:  <i class=’fa fa-heart ‘ style=’color:red;’/></i>

Change Font Awesome Icon Size

आप Font Awesome की Icon की size को अपने हिसाब से रख सकते हो. इसके लिए आपको एक simple code add करना होगा. चलिए details में बताते हैं की जैसे Heart की Icon की html code normally कुछ इस तरह होगा.

Example: <i class=’fa fa-heart’/></i>

तो हमे इस icon की size को बदलने के लिए style=”font-size:20px;” (आप 20px के स्थान पर अपने हिसाब से size set कर सकते हो) को add करना होगा. इसको add करने के बाद कुछ इस तरह icon का html code होगा.

Example: <i class=’fa fa-heart’ style=’font-size:20px;‘/></i>

Conclusion,
इस तरह से आप अपने ब्लॉग में font awesome को use कर सकते हो. आप Font Awesome की icons को CSS code की मदद से अपने हिसाब से design भी कर सकते हो. यह बहुत अच्छा तरीका है ब्लॉग को और भी ज्यादा attractive look देने के लिए. अभी के time में इससे ज्यादा fast loading कोई और font नही है और यह अभी सभी professional blogger का favorite है. हम आने वाले time में इससे related और भी जानकारी देंगे.

---

में उम्मीद करता हूँ की आपको यह post अच्छा लगा होगा और आपने इस post की मदद से यह जान लिया होगा की ब्लॉग में Font Awesome को Host कैसे करते है और इसे ब्लॉग में Use और Design कैसे करते हैं. अगर आपको इस post से सम्बंधित कोई सावल पूछना है तो comment करें. इस post को social media में share करें।