How To Add New Fonts in Blogger

Google web fontsWondering how to use Google Web Font in  Blogger. You may not wonder if you use Blogger
 Default Template as we can browse several font using Template Designer. But What if you are using Layout Template. You need to change your blogger posts fonts to make it more attractive. Ya, there is way to use Google Font by embedding it. 

To use Google Font kindly follow these below steps;

  • Go To This Link
  • Select You Font that you wish to add it .
  • Click on quick use. You can see the codes like this;
Google font

  • Inside it, you can see code similar to this;
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

  • Now, add / just after 'text/css'. Now, your code will be similar to this 
<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'/>

  •  Go To Blogger Dashboard
  • Click on template and select Edit HTML
  • Now, just above </head>, add those codes
  • Search for this code using CTRL + F: ]]></b:skin> 
  • Now, in Google Fonts tab, scroll to Intregate Your Fonts To CSS and copy the codes given there. As an example, I will copy these codes;
font-family: 'Great Vibes', cursive;

  •  Now, you must paste these codes where you want to use it. For an example, If you want to use as your sidebar title, you must find sidebar h2 and add your code inside {YOUR CODES}. L Have a look at an example of it;
.sidebar h2 { font-family: 'Great Vibes', cursive; }

  • Save Your Template 
If you have any confusions, you can comment below and I will try my best to solve your problem. Till then goodbye everyone!

Share this

Related Posts

Previous
Next Post »

5 comments

comments
July 22, 2016 at 5:50 AM delete This comment has been removed by the author.
avatar
July 6, 2017 at 3:44 AM delete

Very informative, keep posting such good articles, it really helps to know about things.

Reply
avatar
October 4, 2017 at 11:45 AM delete

I think like I get a clear cut understanding while reading the content than anywhere else. Keep continuing this journey...!

Pawn Shops in Montgomery

Pawn Shops in Birmingham

Pawn Shops in Mobile

Reply
avatar
November 18, 2017 at 9:46 PM delete

Thank you very much, very useful.

Reply
avatar