Blog Me Google Fonts Kaise Install Kare – Full Guide in Hindi

Dear all bloggers aaj hum blog me Google Web Fonts install karne ke bare me bat karenge. Website me google font kaise install kare or apni site ke text format ka look behtar kaise banaye. Isse aapki site ka look better hoga or readers aapki site ko pahle se jyada pasand karenge. Google bahut sare web fonts offer karta hai or sabse achhi bat ye sab free bhi hai. Aap apni pasand ka font choose kar sakte ho. So aayiye jante hai site me google web font kaise install kare.

How to install google we fonts in your site

Kisi bhi site ka look behtar hona uski success ka ahem part hota hai agar aapki site ka look beautiful nahi hai to site par quality content hone par bhi audience site ko kam like karnege. So website or blog ka good looking hona bahut hi jaruri hai. Google web fonts se aap site ke text version ka look change kar sakte ho or apni site ke design ko or jyada behtar bana sakte ho.

  • Website Ya Blog Design Me Hone Wali 10 Common Mistakes

Isse pahle bhi main Computer Me Google Font Download Kar Install Kaise Kare ke bare me bta chuka hu. So agar aap apne PC me google fonts install karna chahate hai to ye post read kar sakte ho. Isse aap photo editor software like photoshop me usi style me words likh sakte ho. Agar aapke desktop me hindi language nahi hai to aap google hindi font bhi install kar sakte hai.

Website Me Google Web Fonts Kaise Install Kare – Step By Step Guide in Hindi

Agar aap WordPress user hai to aap plugins istemal karke easily google fonts ko WordPress blog me install kar sakte ho. Iske liye aap Easy Google Fonts plugins use kare. But agar aap blogspot user hai ya direct CSS coding ke throw blog me google web font add karna chahate hai to niche btaye steps follow kare.

Step 1:

First aap Google Fonts website par jaye. yaha aapko bahut sare fonts milenge. Aap categories, Trending and Language ke anusar font search kar sakte hai. Top categories ye hai.

  • Serif
  • Sans Serif
  • Display
  • Handwriting
  • Monospace

Sath hi aap search box ke through bhi font search kar sakte hai. Aap inme se apni pasand ka font search kare or usme “+” ke icon par click kare. Uske bad bottom me ek black pop up board show hoga us par click kare.

  1. Click on Plus Icon in fonts.
  2. Click the Black Board in bottom.

Select google fonts

Step 2:

Ab yaha par aapko Embed, Customize, Standard and @Import ke 3-4 options milenge. In options se aap fonts ko customize kar sakte ho. Jaise aapko font-weight change karna ho ya font ki language change karni hai to aap customize option par click kar sakte ho. Font-weight me aap font ko small, smaller, bold, bolder and boldest bana sakte ho. Mere hisab se aap regular 400 select kare.

Add google web fonts in your blog

Ab aapke pas 2 option hai ek aap direct google fonts ko blog me add kar sakte hai or dusra aap CSS code ke through google fonts ko site me add kar sakte hai. Main yaha aapko dono tariko ke bare me bta raha hu.

Method 1: Add Google Fonts on Site Directly

Is option me aapko jyada steps follow nahi karne hai. Aap only 2 steps follow kar site me google font use kar sakte ho.

1. Add Stylesheet URL On Site Header:

Isme fonts ka stylesheet link diya hota hai. jise aapko direct apni site ke </head> section ya </body> section me add karna hota hai. Is code ko aap apne blog ke </head> section ya </body> section me paste kare.

<link href="https://fonts.googleapis.com/css?family=Fauna+One" rel="stylesheet">

2. Change font-family on CSS:

Ab apne blog ki CSS file open kare or ye code paste kare. Agar CSS coding me koi or bhi font-family add hai to use replace kar le warna fonts work nahi karega.

body {
 font-family: 'Fauna One', serif;
}

Agar aap blogger user hai to Blog dashboard >> Template >> Edit HTML section me ja kar CSS coding me ye code add kare or agar aap WordPress user hai to aap WordPress dashboard >> Appearance >> Editor option par ja kar style.css folder me ye code add kare.

Method 2: Install Google Fonts on Your Site Using Only CSS

Sirf CSS code ka istemal kar google fonts blog me kaise add kare. Agar aap blog par extra script and stylesheet file use nahi karna chahate ho to aap unly CSS coding ki help se bhi google fonts ko blog me use kar sakte ho.

1. Add style URL in CSS file using @import:

Iske liye aap stylesheet code me diye gaye URL ko apne blog ki CSS file me is type se add kare.

@import url('https://fonts.googleapis.com/css?family=Fauna+One');

Isme se aap Fauna+One ki jagah wo font-family add kar le jo aap use karna chahate hai. Agar aap is tarah se font-family CSS code me add nahi karna chahate to aap ye dusri method follow kare.

2. Add Fonts Only CSS Code:

Second method me aap google fonts stylesheet code me diye gaye link ko open kare usme jo CSS code mile wo aapko blog ki CSS coding me add karna hai.

Open google fonts URL

Like yaha “Fauna One” code ka URL diya hai use open karne par ye CSS code milta hai. Is code ko copy kar apne blog ki CSS file me add kare.

@font-face {
 font-family: 'Fauna One';
 font-style: normal;
 font-weight: 400;
 src: local('Fauna One'),local('FaunaOne-Regular'),url(https://fonts.gstatic.com/s/faunaone/v4/ev-FaPpZYwwjm7lSlYKlFRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
 unicode-range: U+0100-024F,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
 font-family:'Fauna One';font-style:normal;font-weight:400;src:local('Fauna One'),local('FaunaOne-Regular'),url(https://fonts.gstatic.com/s/faunaone/v4/cSd7NBXNFQWK4oX1706dY1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
}

3. Replace Other Font-family to your Font-family:

Ab CSS file me or kahi bhi font family add hai to use change kar le. Finally, all process complete ho gayi hai. Ab aap apni site ko open kare or Ctrl+F5 key button daba kar page refresh karke dekhe aapki site ki font style chage ho gayi hai.

Is tarah se aap apni site me google fonts ko easily install kar sakte hai or apni site ka look behtar bana sakte hai. Agar aapko ye post pasand aayi hai or aap isi tarah ki blog design wali post read karna chahate hai to aap humari Blog Ko Acha Design Karne Ki 20 Important Tips Janiye Hindi Me post read kar sakte hai. Isme aapko blog me jaruri design karne ki jankari milegi.

Agar aapko is process me koi problem ho to aap comment me apni problem bta sakte hai sath hi is post ko share jarur kare.

Avatar for Jumedeen Khan

About Jumedeen Khan

I'm the founder of this site and we regularly share useful and helpful information here for beginners. ❤️

Comments ( 72 )

  1. Ahbab Zameer

    Hi Brother
    mera issue abhi tk solve nahi hua hai.
    mujhe font change krna hai lekn CSS ke throuch jab mene change kiya to sirf BLOG ka font change hora hai
    Ex;-
    Lables name, Blog name style,

    lekn me title or post ke font ko chnage krna chahta hu aapse guzarish hau ke meri help zroor kare.

    or mene aapke GIVEAWAY option ko bhi follow kiya ir step by step compplete kiya usme 5 option hai lekn sirf 3 per hi tick aara hai ,twitter follow oe retweet ka tick nhi aaraha hai to es issue ko bhi aap dekhlo ek baar bhai

    • जुमेदीन खान

      पोस्ट को एडिट करके उसमे से font-family code को remove करो, प्रॉब्लम solve हो जाएगी, Twitter वाली एंट्री कम्पलीट करने के लिए आपको हमारी ट्विटर प्रोफाइल को फॉलो करना होगा

  2. KAUSHAL JHA

    bhaiya , mera naam kaushal Jha hain or me aapka blog continously daily padhta hu or mene ye blog bhi padha but mene csss code add karke dekha but fir bhi font change nhi ho rhi hain kya aap meri kuch help kar sakte ho please reply jarur dijiyega

    • जुमेदीन खान

      Code add karne ke baad page refresh karke check karo.

  3. Uttamgupta

    Bhai, Header, Footer, Body, ka Font Size kitna rakhna h ,pls reply meri post dashboard me to ek dam perfect show Hoti h aur jb Published krta Hun to sahi se show nhi Hoti posts , example mene post point m likhi,

    1- first paragraph

    2- second paragraph

    3- third paragraph

    4- fourth paragraph

    Es type m likhi h aur bich m Gap diya h but jab post preview krta Hun to Usme Gap show nhi hota.
    Usi m sb mix ho rha h kise fix hoga?

    • Jumedeen khan

      Aap css coding se paragraph margin change karo. like

      p {margin-bottom:20px;}

  4. Sandeep kumar

    Hello sir aap jo fonts use karte hai uska kya name hai..

    • Jumedeen Khan

      Fauna one

  5. Sadhan Dan

    Hello Thanks Jankari.
    Aap Jo Font Use kar rahe Hei Use Ham As Aapne Blogger Me Kaise Add Kare

    • Jumedeen Khan

      Same process hai. CSS ke through use karo.

  6. Bheru singh

    Helo sir badiya post dala jaruart ke anusar me bahut din se dund rha tha mili nhi apka pura blog khangal dala mene thnx ab mil gyi
    Sir mera blog ka font or styl kharb hai so iski jarurat thi
    Sir mere kuch question hai.
    1.. structure data kaise fix kre
    2. Page speed problem hai. Usme j quaris ,css ye sab kaise thik karu
    Apke blog me inke bara me koi post mili nhi hai.
    2

    3. 3month se blog use kar rha hu Traffic bahut kam aa rha hai me pura yost SEO ko follow kar rha hu all point green kark
    Please blog me kya kami hai dekh kar btaye jarur

    • Jumedeen Khan

      In sabki jankari aapko coding blog par milegi. Aap koi dusri theme use karo jo fast laoding ho. Ye theme wese bhi slow hai.

  7. rahul

    sir maine apke batay hue dono tarike use kiye lekin mere blog me ek bhi font change nhi hua. aap mera blog check karke bata sakte hai sir ke mujhe ab kya karna hoga tab font change hoga. mujhe apne blog ke post title ka font me fauna one font add karna hai. to maine pehle style sheet add kiya uske baad CSS me- font-family:’fauna one’,serif; kark3 bhi dekh liya but sir change nhi ho rha hai. aap hi kuch bataiye.

    • Jumedeen Khan

      Aap blog template change karo or new tenmplate me sabhi font-family ko change karo.

  8. Ravi kumar

    Bhaiya hum blogger me bhi Ye fonts install kar sakte hai kya Or ap Blog Me konse fonts use krte hai!

    And apke blog Ki Sabhi Jankari Bahut Acchi Hai Mai Apke Blog Ki Fan Ho Gayi Hu

    • Jumedeen Khan

      Yes kar sakte ho main fauna one font use karta hu. Second name se comment karo girl banne ki koshish mat karo backlink milne hai wo wese hi mil jayenge.

  9. sankar

    Nice article Jume deen kan. Google web fonts are useful for different text appears in our content. it makes easy to text in our choice.

  10. nareshdetruja

    Bhot hi accha jankari share kiya hai aapne nice post bro

  11. Niraj

    Nice post
    Thanks for sharing

  12. Raj Chouhan

    Bhaiyya…maine News se related blog bnaaya hai…kuch hi din hue hai… mere blog par 2000 se 3000 tak visitor aa rhe hai…i know mai abhi adsense apply nhi kr sakta…maine aaj adnow advrtise site join ki hai…kya maine thik kiya..??? Ye advrtise company trustd toh hai na….or ek baar pls mere blog ko visit krke dekh lijiye or jo jo kami lge usme mujhe bta dijiye pls mera blog hai “dailyeenews.blogspot.com

    • Jumedeen Khan

      Adnow best hai but itna traffic haio to adsense try karna tha.

      • Raj Chouhan

        Ohh…lekin bhaiyya mera blog Abhi naya hai or adsense 6 month puraana blog approvl krta hai….fir mai adsense apply kaise kr sakta hu..??? Waise bhaiyya Maine Aapke Sab useful topics padhe or follow kiye hai…maine kabhi aapse kuch nhi pucha kyuki aapne itni mehnat se or Ekdam Simply samjhaaya hai har ek topic par k kuch bhi problem nhi hui…aaj mai aapki wajh se bLog se related boht si chije sikh chuka hu….!!! Lekin sab kuch aate hue bhi aaj mai Ek problem face kar rha hu….or wo hai “Meta Tags Description ko templete me add krna”…..just bcoz mere pas abhi Laptop ni hai….mobile se templete edit nhi hoti……!!! Isi wajh se search ingine me mere post acche nhi dikhte..!!!

        • Jumedeen Khan

          Raj ab aap 6 month se pahle bhi adsense use kar sakte ho apne blog me custom domain add karo or adsense ke lyie apply karo. Aapko meta tag blog ki coding me head ke bad add karna hai. Agar aap nahi kar sakte ho to mujhe mail kar do main karwa dunga.

  13. Raj Chouhan

    Aapke blog se mere comment kyu delete ho rhe hai bhaiyya…??? Mujhe kuch puchna tha aapse

    • Jumedeen Khan

      Comment me sawal likho. Apa is comment ki jagah sawal bhi likh sakte the.

  14. Saif Ali

    asslamwalekum sir me ek blog hai jiska address
    blogspot.com me hai kya main PayPal
    account bana sakta hun or earning bhi kar sakta hun

    • Jumedeen Khan

      W/a yes kar sakte ho.

      • Saif

        sir toh please aap ek post kijye PayPal account kaise banate hai or sir main aapka YouTube channel jumedeen bhi dekhta hun esliye sir aapka video bhi banaye PayPal account kaise banate hai

        • Jumedeen Khan

          Ok jarur banaunga.

  15. kalam

    sir mene site to bana li magar meri site jab me google pe search karta hon to ati hi nahin

    • Jumedeen Khan

      Apni site par kuch post likho or site ko google webmaster tool me submit karo.

  16. Qaisar Abbas

    Jume deen bhai maine apki mail send kardi hai plzz check karo aor mjhy reply karo mera blog search engine se submit karna hai blog pe fb page add karna hai woh body men jo code add karte hain wo mujhse nahi ho raha aor plzzz logo bhi lgana hai woh sb maine apko send kar diya hai plzzzz ap meri himmat ho bhai

    • Jumedeen Khan

      Agar koi aapko reply nahi kar raha hai to uska matlab ho sakta hai use aapka mail na mila ho. So aapko fir se mail send kar dena chahiye.

  17. lovepreet singh

    sir,mene youtube channel banaya hai muj ye problem hai ki agar mai apne channel par koi video upload karta hu or publish krta hu to us ke bad video manager me jane par video par “Includes copyrighted content ” show krta hai jbki video mane khud bnaye hai
    is link ko open krne par”
    Ads might appear on your video.
    Copyrighted content was found in your video.
    The claimant is allowing their content to be used in your YouTube video. However, ads might appear on it.
    Viewing restrictions None
    Monetization Monetized by claimant

    If you agree with these conditions, you don’t have to do anything.
    Learn more” ye show krta hai kya kru meri help kro pls

  18. राकेश

    बहुत ही बढ़िया जानकरी देने के लिए थैंक्स

  19. Harshit Raikwar

    Sir please mujhe ye btayen aap ki kya mai Youtube Ki Videos se kuchh seekh kar Blog mai daal sakta hun ???

    Ya sir mai Youtube ki videos k Screenshots apne blog mai daalkr logon ki Help kar sakta hu ?? Help Me

    • Jumedeen Khan

      Yes da lsakte ho. nahi dusro ki copy mat karo. Dusro se sikho but content khud likho.

  20. Naveen Poonia

    Bro Mujhse Dainik Bhaskar ( DB ) Wale Contact Karke Keh Rahe Hain Ki Aap Apne Blog http://HinditrickBlog.com ko DB ke Sath Jodiye Isme Aapka Fayda Hoga Kyonki DB ke Monthly 80 Million Visitors Hain.

    So Agar Mai Unki Baat Man Lu To Isme Mera Koi Loss To Nahi Hoga Na ? Jaise SEO Ka Ya Site Rank Ka ???

    Wo Bol Rahe The Ke Jumedeen Khan ke Sath Bhi Hamari Baat Chal Rahi hai….

    Please Jaldi Bataeye…

    • Jumedeen Khan

      Ek bar try karke dekho agar benefit milta hai to partnership karna warna mana kar dena. Direct mana mat karo try karke dekho agar problem ho to blog ko unki site se remove kar lena.

  21. Yogendra Singh

    Namaste Jume deen ji. Sir main  www.sochworld.com  ka founder hoon. Sir main apne blog ko blogspot se WordPress me transfer karna chahta hoon.Sir aap mujhe ye bataye main apne WordPress blog me 50-60 shuruaati bekaar ki post show nahi karna chahta hoon. 

    Sir aap ye bataye ki WordPress me transfer se pahle 50-60 bekaar post ko delete maar du ya 50-60 bekaar post ko WordPress me transfer na karu. yahi blogspot me chhod du. site ki search ranking par fark na pade aisa tarika bataye.

    • Jumedeen Khan

      Aap jin posts ko wordpress par show karna nahi chahate ho unhe first blogger se delete kar do ya fir blog ko complete wordpress par transfer kar bad me posts ko delete kar lena. Mere hisab se second method best hai.

      • Yogendra Singh

        Sir 50-60 post WordPress me transfer se pahle ya bad me ek sath delete karne se search ranking aur bachlink par fark to nahi padega.sir is baat par dhyan deker bataiye.

        • Jumedeen Khan

          Aap wordpress par transfer karne ke bad extra posts ko draft kar dena koi problem nahi hogi.

  22. Jasim

    1. mene jab blog create kiya uss samay ‘others niche’ select kiya lekin food ke bare me likh raha hu to mera blog food related blog hoga ya ‘multi niche’ blog hoga ?

    2. yadi food ke sath kuchh other topic ke bare me write kare to others topic ki blog se backlink lena thik hai kya ?

    • Jumedeen Khan

      Agar aap blog par multiple topics par likhoge to multi-niche hoga. Apne blog se realted site se backlinks banaoge to jyada achha hoga.

  23. Pranab

    Sir, Mai avi blogger pea hu and mai apna domain change karna chhta hu , Kya app bta saktea ha ki bini SEO loose kia kese change karna ha?

    • Jumedeen Khan

      Agar aap domain change karoge to aapki site ki ranking 0 ho jayegi or google aapke new domain ko fir se index karega.

      • Pranab

        sir, yea to bhut time lagea gaa… sir maine SML pea dekha tha ki , wo log wordpress ki bina rank loose kia domain change kartea ha

        • Jumedeen Khan

          Agar aesa hai to aap uske btaye steps follow kar sakte hai.

  24. Abhishek Kumar

    Hello Sir aapne bahut hi acchi jaankari lakin mera ek question h kya canva se free ke image download karke apne blog m lagana kya yah sahi h kya yah copy image hoga

    • Jumedeen Khan

      Aap free image provide karne wali sites se iamge download kar blog me use karo problem nahi hogi.

  25. Atul maurya

    ek problum hai . maine adsense acount me ek website ka naam fill kiya tha but wo website maine baad me delete ke di . aur ab adsense se wo website adress htakr mai nya adress ddalna chahta hu ….kaise kru ye ? plz help me bro

    • Jumedeen Khan

      Aap adsense site management me naya address dalo. old site ko rahne do.

  26. anish kumar

    mene 1 wordpress ka template download kiya hai ab usse meri wordpress site par kaise upload karu

    • Jumedeen Khan

      WordPtress dashboard >> appearance option par jao or upload par click kar theme upload karo.

  27. radhe gour

    sir maine abhi uc news income check ki kyoki uc news every wednesday ko income update ki jati hai lekin sir maine sirf do teen post likhe the bo bhi chaar din pehle aur uski income $ 48 doller ho gayi hai kya hum uc news se bhi jyada rupay kama sakte hai kyoki pehle chaar din me 48 doller bahut hote hai
    lekin ye mere kuch kaam ke nahi hai kyonki isme mera pan number nahi hai isliye mai inhe transfer nahi kar sakta me to bus is par try kar raha tha mujhe is result ki bikul ummed nahi thi
    lekin ab me bhir se apna dusra acoount apne pan card se hi banauga

    • Jumedeen Khan

      Wao amazing. But UC news payment karega ya nahi iske bare me main kuch nahi kah sakta. Payment kyu nahi le sakte pan card aap banwa sakte ho. $48 ke 300 hote hai or pan card banwane me only 100 to 500 rupee lagte hai.

  28. kavya

    hello sir kya aap bta skty hai ki google ney jo new updates hoy hai jis ki wajah seh traffic bhut kam aarha hai vo issue kb tak thik hogay kya vo issue aapky blog key sath be hai.

    • Jumedeen Khan

      Yes mere sath bhi hai. Kavya main aapko already kah chuka hu ki google ne iske bare me kuch bhi nahi btaya hai so kuch bhi kahna mushkil hai.

  29. Vivek

    Thank you very much , bhut achi post ki hai apne main daily SMI pe sham ko 2 hrs sirf ap ke article hi read krta hun thank you bhut bhut

  30. Md shahid

    sir jab se Maine freenom pe free me daimain register kar ke blogger me joda hu tab se mera koi bhi naya post google me nahi araha hai jab ke mai ne naya domain ko google search console me add kardiya hai

    • Jumedeen Khan

      Shahid aap please .com .in jaise famous domain use karo or blog ko GWT me add karke achhi post likho or posts ko social media par share karo.

  31. vijay

    Bhaay mere ko ye janna hai meri blog technology niche ki hai aur mai post hinglish me likhta hu to agar mai english me post likhne wali technology ki hi blog se backlink banaunga to kya ye seo ke liye harmful hoga.

    • Jumedeen Khan

      Nahi agar aap apni site ke niche se related site se backlinks banaoge to no problem.

  32. anivesh

    Sir mai bilkul new hu to kuch idea nahi hai aur apki har baat puri ki puri samjh aa jati hai.mai blogspot me hu aur sabhi post me adsense ke ads manually lagana chahta hu html section me. Mai per post me 4 ads lagana chahta hu. 2 links ads , 1 responsive aur fourth 300 x250 wali.1) To mera sawal hai agar post me text ke pehle ya aage code paste karunga to ye automatic ads apni jagah le lega like adnow ya mujhe kuch pixl ka care karna hoga.2) Agar kuch pixl ka gap dena ho to wo kaise set karu aur kitna pixl ki gap best hogi.3). links ads ki kon si size use karu.4). Title ke niche apne kis size ki ads lagayi hai. kya mai title ke niche agar responsive lagaunga to sahi rahega .

    • Jumedeen Khan

      Ads or content 10px to 20px ka space hona chahiye. Ye aap CSS coding se akr sakte ho. Like .adsbygoogle{margin:20px 0;}

  33. Rahul

    Sir mere blog me google AdSense ke ads show nahi horahe mene ads bhi lagadiya hai kya wajah hai ..????? Ek bar aap meri wapsite me check karlo please

    • Jumedeen Khan

      Abhi google aapki site ka revie karega uske bad ad show honge. Aapka blog adsense policy follow nahi karta. Aap unwanted content share karte ho mujhe nahi lagta aapko adsense approval milega.

  34. Rakesh

    fonts install karne ke liye second method kaafi easy hai…
    well written post about fonts.
    thanks

  35. surendra

    Bhai mere adsense account me January ki total earning $ 790 update ho chuki thi lekin adsense me last Payment $ 584 on 20 february show kiya huaa hain . Toh brother mujhe ye bataye ki Itna Km Payment kyu bheja hai adsense walo ne .

    • Jumedeen Khan

      Payment settings me jao or Payment schedule me default settings set karo. Check karo ki aapke month me invalid clicks ke kitne dollar kam huye hai. Secon google adsnese 20 ko nahi 21 ko payment send karta hai.

Comments are closed.

Ad

I need help with ...