First go and find a font:
http://www.google.com/webfonts
After you got the font which will look something like this:
<link href='http://fonts.googleapis.com/css?family=Nixie+One&v1' rel='stylesheet' type='text/css'>
Now, go to your blog dashboard and click > Design > Edit HTML and paste font code after <head>
Now, its most important step, the code you got need to be edited, because like it is, you can't save template.
You have to place ; after v1 and / before >
So the font code above will look like this:
<link href='http://fonts.googleapis.com/css?family=Nixie+One&v1;' rel='stylesheet' type='text/css'/>
Now you can save your template, but its not finished yet, you should add the font in your CSS, for example if you like to use this font for the header, find this on your CSS
#header h1 {
and replace the font with this one 'Nixie One'
Do the same if you like to edit the post title
.post h3 {
or the sidebar titles
h2 {
Hope now its simple for you to edit your fonts styles.
Thanks For Article How to add Google Fonts to Blogger Blog
source : http://www.bloggershowcase.net/
0 comments:
Post a Comment