Fonts are a important part of your blog design, so Im going to show you how simple is to add a new font on your site.
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.
5 comments:
Great tutorial. Thanks for sharing your thoughts.
It is working i put this code through edit html and it is working .. .. ..
Vertical Jump Bible
Thanks for clearing this out. I've been searching ways to change the fonts in my web hosted site until I found this article.
Thanks for clearing this out. I've been searching ways to change the fonts in my web hosted site until I found this article.
Its working I tried it by using edit html in blogger ...
Vertical Jump Bible
Post a Comment