Fontawesome Icon In Hindi:-

CSS Icons :-

 

 

दोस्तों आप Internet पर बहुत सरे Website में इस तरह के Icons देखें होंगे | अगर आप भी अपने Web Page पर इस तरह के icon का उपयोग करना चाहते है तो ये बहुत ही आसान है | किसी Icons को अपने Web Page पर लगाने के लिए सबसे पहले आप उस Icons को चुनना होगा जिसका उपयोग आप अपने Web Page में करना चाहते है Icons को चुनने के लिए आप इस Website पर जायें |

 

http://fontawesome.io/icons/

 

fontawesome के website पर आप को हजारों Icons मिल जायेंगे जिनका उपयोग आप Free में कर सकते है | इस वेबसाइट पर आप उस Icons पर Click करें जो आप को पसंद आता है | उदाहरण लिए मै facebook-official नाम के icons पर click करता हूँ | जब भी आप किसी icons पर Click करते है तो आप उस icons के पेज पर चले जाते है | इस नए पेज पर आप नीचे के तरफ देखेंगे की कुछ <i class=”fa fa-facebook-official” aria-hidden=”true”></i> इस तरह का code लिखा हुआ है | आप इस code को copy करें और अपने website में जिस जगह पर आप इस Icon को लगाना चाहते है उस जगह इसे Paste कर दीजिये | इसके बाद दूसरा काम आप को ये करना है की अपने website में <head> </head> Tag के अंदर आप को नीचे लिखे code को Paste करना है |

 

<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>

 

आप नीचे इसका एक उदाहरण देख सकते है |

Example 1 :- CSS Icons Examples In Hindi

<!DOCTYPE html>
<html>
<head>
<link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css”>
</head>
<body>

<i class=”fa fa-user-circle” aria-hidden=”true”></i>
<i class=”fa fa-address-book-o” aria-hidden=”true”></i>
<i class=”fa fa-assistive-listening-systems” aria-hidden=”true”></i>
<i class=”fa fa-facebook-official” aria-hidden=”true”></i>
<i class=”fa fa-google-plus” aria-hidden=”true”></i>

</body>
</html>

ऊपर के code को copy करके अपने text editor पर paste करें | और code को .html format में save करें | इसके बाद आप अपने web page को अपने Browser पर खोलें आप को Icon दिखाई देगा |

fontawesome के Icon को Use करने का ये तरीका तभी काम करता है जब आप Internet से जुड़े हुए हों | अगर आप चाहें तो fontawesome के File को अपने computer पर Download कर सकते है जिसके बाद आप बिना Internet के fontawesome का उपयोग कर सकते है |

 

fontawesome को download करने के लिए नीचे के लिंक पर click करें |

 

http://fontawesome.io/3.2.1/assets/font-awesome.zip