Monday, January 24, 2011

Blogger Font Hacks By Using Google Font

The use of fonts in a blog must be appropriate. Because the style of the fonts must be adapted to available fonts in the visitors's computer. For example, your blog is using Dave Crossland font, sure not all computers can display the font type. So to conquer this problem, you can use Google Font. Google Font is free fonts directory to display a special fonts in a website or blog. Then, how to use it? You can go to Google Font Directory or follow the steps below.

1. Go to Google Font Directory
2. Then choose one of the fonts, for example I choose Slackey
3. Then click on "Use this font"
4. After that, you will see the code. Because I choosed Slackey, so I given this code

You can put it under <head> , before you put the code, you must add "/" before ">"
<link href='http://fonts.googleapis.com/css?family=Slackey' rel='stylesheet' type='text/css'/>

and then we also given the CSS code. We can put it above ]]></b:skin>
h1 { font-family: 'Slackey', arial, serif; }
You can change h1.

5. If you've finished, you can save now.

No comments:

Post a Comment