Google Web Fonts is a biggest treasure of awesome fonts but many bloggers doesn't know how to use Google Web Fonts in Blogger.Many of them may not heard about them.You can add and use Google Web Font in your blog very easily.Here I am giving some easy steps just follow them carefully and you can successfully use them in your blog.
How To Use Google Web Fonts In Blogger ?
Here are some simple steps to use Google Web Fonts In Blogger
- Choosing the font from Google Web Fonts.
- Getting the code for the font which you have choosed adding the it in template.
- Adding the CSS code.
1.Choosing The Font
To choose the specific web font go to Google Web Font Page and choose a font which like accross 444 fonts.
2.Getting The Code For Font
After choosing a font click on Quick Use button on right side of that box and scroll down th(See Image Below)
(Note: I have chosen Share as the font. The coding may vary depending upon the font you choose).
- Now go to Blogger Dashboard > Design > Edit HTML.
- Find for </head> tag and paste below code just before </head> tag.
(Note - Don't forgot to add </link> after the code)
Adding The CSS Code
If you wish to display these fonts as your POST TITLES, then declare them as follows.
.post-title {font-family: 'YOUR FONT NAME';
}If you wish to have them displayed on the body section of your posts, then you need to edit your CSS for post body as follows.
.post-body {font-family: 'YOUR FONT NAME';
}(Note: Replace YOUR FONT NAME with the font name you have chosen. In my case, it is Dancing Script. You have to remove the previous font style that existed on your template.)
Save your template.
The coding may vary depending upon the template. If you have some unique custom templates, then I'm sure the coding will be different. So, don't worry. Just mention your blog URL in comments and I will help you about customizations.Don't forget to share your views about this post.
Post a Comment