In this Tutorial Iam Going to Guide You, How to Integrate Google Stylish Fonts to Your Post Titles in Blogger.Well it is a Simple Process and As easy as 1 2 3... So Since it is Very Simple.Despite It Helps to Reduce the Load time Of the Blog Also.
By default all the Blogger blogs have the same fonts. So it's better if you spice up your blogspot blog by changing the font of your post title. This will ensure that the blog visitors will notice your blog post and it also looks good.So Follow the Below Steps to Do that..
How to Add Stylish Fonts to Blogger :.
First Login to Blogger < Design < Edit Html.. (Old Blogger)
In New Blogger Click on the Drop Down Menu And Go to Template < Edit Html
Now Proceed and Check a Mark on Expand Widget Templates...
After Doing that Go to Google Web Fonts..
Click Here to Go to Google Web Fonts
Now Choose Your Desired Fonts and Click On Quick Use...Note that You've to Also Consider the Speed time of the Font Which is Displayed On the Right Side of the Page. Because It matters a Lot. Slow Fonts May Reduce speed time of your Post titles.So choose a Font in such a way that it must load Fast..
Now After Choosing the Font. You May Be Seeing a Code of the Font.Like in the Below Image..
Now Copy the Code and Here is an Important step to Do:..
After the Code You've to Insert Backslash "/ " Before ">" for Instance See the Below Code :.
<link href='http://fonts.googleapis.com/css?family=Fredoka+One' rel='stylesheet' type='text/css'/>
Have You Seen the Difference The Normal Code Doesn't Contain "/"..But We Have to Add "/" Before ">" At the End of the Code.
By default all the Blogger blogs have the same fonts. So it's better if you spice up your blogspot blog by changing the font of your post title. This will ensure that the blog visitors will notice your blog post and it also looks good.So Follow the Below Steps to Do that..
How to Add Stylish Fonts to Blogger :.
First Login to Blogger < Design < Edit Html.. (Old Blogger)
In New Blogger Click on the Drop Down Menu And Go to Template < Edit Html
Now Proceed and Check a Mark on Expand Widget Templates...
After Doing that Go to Google Web Fonts..
Click Here to Go to Google Web Fonts
Now Choose Your Desired Fonts and Click On Quick Use...Note that You've to Also Consider the Speed time of the Font Which is Displayed On the Right Side of the Page. Because It matters a Lot. Slow Fonts May Reduce speed time of your Post titles.So choose a Font in such a way that it must load Fast..
Now After Choosing the Font. You May Be Seeing a Code of the Font.Like in the Below Image..
Now Copy the Code and Here is an Important step to Do:..
After the Code You've to Insert Backslash "/ " Before ">" for Instance See the Below Code :.
<link href='http://fonts.googleapis.com/css?family=Fredoka+One' rel='stylesheet' type='text/css'/>
Have You Seen the Difference The Normal Code Doesn't Contain "/"..But We Have to Add "/" Before ">" At the End of the Code.
1. Now that You've to Copy the Modified Text and Paste it Below <head> Tag.So Search for <head> Tag and Paste the Code Below <head> Tag.
2. Now search for .post h3 or .post h2 , whichever is present in your template. You will see font-size, font-weight or font-family there. If font-family isn't present then you have to paste the Google font-family code and if it is already present then just replace it with the Google font code. This is how the code should appear. Its available on the Google page in step 4.
font-family: 'Fredoka One', cursive;
3.Now Save the Template and You Can See the Post titles a New Font Applied to Your Blog.
I hope that you found this post useful.Share it with your friends and if you have any problem, then use the comments section below.
0 comments: