Integrating Google Font in Blogger.

Wondering how to use Google Web Font in A Blogger.You may not wonder if you use Blogger Default Template as we can browser several font using Template Designer.But What if you are using Layout Template.Yep there is way to use Google Font by embedding it.To use Google Font kindly follow this.

1. Go to Google Font API and click on start choosing font.
2. From the Giant collection of Font select a dream font you wish to add it.
3. Click on Quick Use.
4. Scroll the page you can see font link codes like this
5. You can see the code like this

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

6. Copy the code by adding </link> tag at last

<link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'></link>

7. Don’t close that Window
8. From new Tab  add that code in </head> (Blogger Dashboard>Template>Edit HTML )
9. Then again scroll the page of Google Custom API you can see  Integrate the fonts into your CSS:

font-family: 'Great Vibes', cursive;

10. Copy that code now its time to use them
11. To use it just add css declaration.For example we add Sidebar title with that font then just find sidebar h2 and add font……… after { .i.e

.sidebar h2 { 
font-family: 'Great Vibes', cursive;
more here...
}

12. Bye.Enjoy

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.