Font Awesome क्या है, Font Awesome Add कैसे करें, Download
आज हम आपको इस Article की मदद से बताएँगे Font Awesome Kya Hai और Font Awesome Add Kaise Kare के बारे में पूरी जानकारी.
इसके साथ हम आपको Font Awesome से जुड़े और भी सवालों के जवाब देंगे. जैसे कि: Font Awesome Icon Advantages in hindi, Font Awesome Icon Use Kaise Kare, Icon Ko HTML Me Add Kaise Kare, Font Awesome WordPress Me Kaise Add Kare, Blogger Me Icon Kaise Add Kare इत्यादि की पूरी जानकारी विस्तार में जानेंगे.
तो चलिए शुरू करते हैं Article Font Awesome क्या है के बारे में पढ़ने से…
Font Awesome Kya Hai
Font Awesome एक Icon Toolkit है जोकि CSS Language का इस्तेमाल करके बनाई गई है. इसका इस्तेमाल करके आप आपके Web Pages में बिना Png इस्तेमाल किए कुछ Codes की मदद से Icons Add कर सकते हैं. इसकी मदद से आपका Page Light Weight रहता है और Codes को Load होने में ज़्याद वक़्त नहीं लगता.
जैसे हमारे Computer में Normal Fonts होते जिनकी Help से हम अलग-अलग Style में Letters को Type करते है, इसी तरह आप Font Awesome का इस्तेमाल करके Icons (Symbols) Type कर सकते हैं. Font Awesome को भी Normal Letters की तरह Resize, Color, Other CSS Styles की मदद से बदला जा सकता है.
Font Awesome की मदद से आप अपने Site में कहीं भी Graphical Buttons, जैसे कि: Navigation Menus, Sidebar, Post, Footers इत्यादि Add कर सकते हैं. इसका इस्तेमाल करने के लिए आपको सिर्फ, उस Icon का HTML Tag इस्तेमाल करना होता है.
Font Awesome Advantages in Hindi
Font Awesome Icons Library में 63,000+ से भी ज्यादा Icons मौजूद हैं. यह Library Update होती रहती है और वक़्त के साथ New Icons Add होते रहते हैं. Font Awesome का इस्तेमाल करना Free है. आप इस Icon को Personal और Commercial Use में इस्तेमाल कर सकते हैं.
यह Icons Vertors Files हैं इसलिए इनको Resize करने पर इनकी Quality खराब नही होती है. यह हर Browsers और Devices को Support करते हैं. आप इन Icons के Color Change करके Animation भी Add सकते हैं.
- Read: WordPress Comment Email Notifications Disable Kaise Kare?
- Read: WordPress Custom Shortcodes Kaise Banaye?
- WordPress Emoji Enable कैसे करें, Disable कैसे करें, फायदे
Font Awesome Use Kaise Kare
Font Awesome का इस्तेमाल करने के आपके पास 2 तरीके हैं. पहला CDN के जरिए और दूसरा इसे Download करके. सबसे Easy और Best CDN की Help से Add करना है. इसके लिए आपको नीचे दिए Link को Copy करके, अपनी Site के Head Tag में Paste करना है.
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css ">Font Awesome की Library में 63,000+ Icons उपलब्ध हैं. उन Icons में से जिस Icon को आप अपनी Site में Use लगाना चाहते हो उस Icon को आपको Font Awesome Site पर Search करना होगा.
Font Awesome Icons Search करने के बाद जैसे ही आप उस Icon पर Click करेंगे आपको उस Icon का Html Tag नज़र आएगा जिसे Copy करके अपनी जिस जगह पर उस Icon को Add करना चाहते हो उस जगह पर Paste कर दीजियेगा.
Font Awesome Icons HTML Tag को Blogger और Bootstrap Site Html Code में Add करियेगा और Word Press User भी Text Editor पर Click करके Icons Html Tag को Add करियेगा.
Font Awesome HTML Me Kaise Add Kare
Font Awesome के Icons को HTML में Use करने के लिए सबसे पहले आपको अपनी Site में Font Awesome का CDN Link Add करना होगा. इसके लिए आप निचे दिए Snippet कि मदद ले सकते हैं.
<!DOCTYPE html>
<html lang="en">
<head>
<title> Demo </title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css ">
</head>
<body>
<h1> Hello Gyanians </h1>
</body>
</html>- HTML क्या है, HTML कैसे सीखें, File Run कैसे करें, Tags
- HTML से Website कैसे बनाए, Notepad में HTML कैसे बनाए, Tags
- CDN क्या है, Content Delivery Network के प्रकार, फायदे, कार्य
Font Awesome WordPress Me Kaise Add Kare
Font Awesome को WordPress में 3 तरीकों से Add किया जा सकता है.
| 1. | CDN Link Use करके. |
| 2. | Better Font Awesome Plugin Use करके. |
| 3. | CDN Link को PHP Functions के साथ इस्तेमाल करके. |
First, CDN Link की मदद से. इसके लिए आपको WordPress Theme >> Header.php >> Head Tag में CDN Link Paste करना होता है.
दूसरा, Plugin का इस्तेमाल करके. आप Better Font Awesome Plugin की Help से आपके WordPress में Font Awesome इस्तेमाल कर सकते हैं.
तीसरा। आप Font Awesome के CDN Link को अपनी Theme के Functions.php में Enqueue करके.
function enqueue_load_fa() {
wp_enqueue_style( 'load-fa', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'enqueue_load_fa' );Font Awesome को WordPress Theme में Enqueue करने के लिए, आपको ऊपर दिए Code को Copy करना होगा. इसके बाद अपनी WordPress Theme के Functions.Php में सबसे नीचे Paste कर दें. यह Changes Save करते ही आपके WordPress में Font Awesome Import हो जाता है.
Blogger Me Font Awesome Kaise Add Kare
Font Awesome को Blogspot में Add करने के लिए सबसे पहले Blogger Dasboard >> Theme >> Edit HTML पर Click करें. इसके बाद नीचे दिए Code को Copy करके <head> Tag में Paste कर दें.
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css " />
- Bootstrap क्या है, Bootstrap के फायदे, इस्तेमाल कैसे करें
- GoDaddy को WordPress से कैसे जोड़ें, WordPress Install कैसे करें
- Read: phpMyAdmin Se WordPress Admin Password Reset Kaise Kare?
आशा करते हैं आपको Font Awesome Kya Hai और Font Awesome Add Kaise Kare पोस्ट पसंद आई होगी.
अगर आपको इस Post से Related कोई सवाल या सुझाव है तो नीचे Comment करें. अगर आपको यह Post पसंद आई तो अपने दोस्तों के साथ जरुर Share करें.
I’m really impressed with your writing skills as well as with the layout on your weblog. Is this a paid theme or did you customize it yourself? Anyway keep up the nice quality writing, it is rare to see a nice blog like this one today
Thank you so much for compliments .. and it’s my own design theme~