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.
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.
Table of Contents
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.
- Click on Plus Icon in fonts.
- Click the Black Board in bottom.
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.
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.
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.
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 वाली एंट्री कम्पलीट करने के लिए आपको हमारी ट्विटर प्रोफाइल को फॉलो करना होगा
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.
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?
Aap css coding se paragraph margin change karo. like
p {margin-bottom:20px;}
Hello sir aap jo fonts use karte hai uska kya name hai..
Fauna one
Hello Thanks Jankari.
Aap Jo Font Use kar rahe Hei Use Ham As Aapne Blogger Me Kaise Add Kare
Same process hai. CSS ke through use karo.
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
In sabki jankari aapko coding blog par milegi. Aap koi dusri theme use karo jo fast laoding ho. Ye theme wese bhi slow hai.
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.
Aap blog template change karo or new tenmplate me sabhi font-family ko change karo.
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
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.
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.
Bhot hi accha jankari share kiya hai aapne nice post bro
Nice post
Thanks for sharing
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
Adnow best hai but itna traffic haio to adsense try karna tha.
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..!!!
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.
Aapke blog se mere comment kyu delete ho rhe hai bhaiyya…??? Mujhe kuch puchna tha aapse
Comment me sawal likho. Apa is comment ki jagah sawal bhi likh sakte the.
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
W/a yes kar sakte ho.
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
Ok jarur banaunga.
sir mene site to bana li magar meri site jab me google pe search karta hon to ati hi nahin
Apni site par kuch post likho or site ko google webmaster tool me submit karo.
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
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.
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
Aap video me kisi or ka music add mat karo. Ye post padh kar youtube policy samajh lom Youtube Par Aap Kis Tarah Ke Videos Upload Nahi Kar Sakte
बहुत ही बढ़िया जानकरी देने के लिए थैंक्स
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
Yes da lsakte ho. nahi dusro ki copy mat karo. Dusro se sikho but content khud likho.
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…
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.
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.
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.
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.
Aap wordpress par transfer karne ke bad extra posts ko draft kar dena koi problem nahi hogi.
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 ?
Agar aap blog par multiple topics par likhoge to multi-niche hoga. Apne blog se realted site se backlinks banaoge to jyada achha hoga.
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?
Agar aap domain change karoge to aapki site ki ranking 0 ho jayegi or google aapke new domain ko fir se index karega.
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
Agar aesa hai to aap uske btaye steps follow kar sakte hai.
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
Aap free image provide karne wali sites se iamge download kar blog me use karo problem nahi hogi.
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
Aap adsense site management me naya address dalo. old site ko rahne do.
mene 1 wordpress ka template download kiya hai ab usse meri wordpress site par kaise upload karu
WordPtress dashboard >> appearance option par jao or upload par click kar theme upload karo.
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
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.
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.
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.
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
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
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.
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.
Nahi agar aap apni site ke niche se related site se backlinks banaoge to no problem.
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 .
Ads or content 10px to 20px ka space hona chahiye. Ye aap CSS coding se akr sakte ho. Like
.adsbygoogle{margin:20px 0;
}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
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.
fonts install karne ke liye second method kaafi easy hai…
well written post about fonts.
thanks
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 .
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.