Google has published many web fonts for the webmasters. If you add Google Fonts in your Blog/ Website it will have more professional and different outlook than other Bloggers. But, adding Google fonts in Blogger is a challenge for many of the bloggers. So, lets start adding Google Web Fonts to Blogger Blogs.
How to Add Google Web Fonts to Blogger?
- Go to http://code.google.com/webfonts & select the font which one you want to use in your Blogger Blog.
- Now Click on Quick-use of your Selected Google font.
- Now, you will find some codes like this ...
<link href='http://fonts.googleapis.com/css?family=Life+Savers' rel='stylesheet' type='text/css'>
- Add / just after type='text/css'.
- The code will look like this ...
- Go to Blogger → Template → Edit HTML → Proceed.
- Now Click Ctrl+F & Search for this code ...
<head>
- Copy the Code of STEP 5 & paste it just after <head> tag in the Template.
- Then find out ]]></b:skin>. Click Ctrl+F to find it.
- If you want to add Google Web Font to Header section of your website then you should add the following code just before ]]></b:skin>
#header h1 {
font-family: 'your selected google font name' , 'arial' , 'verdana'
.....
}
<link href='http://fonts.googleapis.com/css?family=Life+Savers' rel='stylesheet' type='text/css' />
