April 28, 2014

How to change the fonts on blog in blogger!

1. Go to google fonts web page https://www.google.com/fonts 

2. select a font and click on the 'Quick-Use' (right arrow symbol) button.


3. Now you should land on page containing links something like below.


Example:

1st Link:
link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'

2nd Link:

font-family: 'Oswald', 'sans-serif';

4. In a new browser window edit your blog and navigate to Template-Edit HTML.


5. Now enter the first link just above the "head" should be the 4th or 5th line from the top in the template code window.   


Now further steps are based on your decision as to which part of the blog you would want the

 font to be changed.

For Blog title:

click on the HTML code and hit ctrl+F, search for "/* Header" without quotes. now under
 ".Header h1 {" below it paste the second code in the 3rd step above as shown below.

For body font change:

click on the HTML code and hit ctrl+F, search for "/* Content" without quotes. now under
 "body {" below it paste the second code in the 3rd step above as shown below.

Click save template and enjoy the new look of your blog!



No comments: