Google Font API/Directory in your Blog/Web Site/GoogleAppEngine etc.
>> 20 May 2010
This is not a specific JEE theme, but as this can add benefits to your site,I found it useful to add it in JEE section. Use it if like it.
Site: http://code.google.com/apis/webfonts/
Web font directory : http://code.google.com/webfonts
The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API.
Benefits of the Google Font API include:
- A choice of high quality open source fonts.
- Works in most browsers.
- Extremely easy to use.
The fonts in the directory are all released under open source licenses; you can use them on any non-commercial or commercial project.
Just a little example :
Say you want to use "Tangerine" font.
Between <head> and </head> of an html page add this link to a stylesheet
<head>
...
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
..
</head>
Add Between <head> and </head> of an html page a selector
This one will use the "Tangerine" font. I used here a custom class "ka", give your class any name you want
.ka {
font-family: 'Tangerine', serif;
}
Use the newly added font
In any place in your html (between <body> and </body>
add for instance <p> that use this font
<p class="ka">Hello World!!!</p>
Note:
You can add several fonts in the stylesheet link.
You can add normal CSS properties in your custom class
Hello World !!!
Enjoy !
4 comments:
Nice article.:=)
web design perth
Thanx
Valuable information and excellent theme designs you got here! I would like to thank you for sharing your thoughts and blinds time into the stuff you post!
Thanks a lot. I really appreciate your comment and your fine words. This give me a lot of energy to do more
Thanks again
Kaesar
Post a Comment