java.net member

Rechercher dans ce site

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:

web outsource experts October 28, 2011 at 9:58 AM  

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!

okjavafx October 28, 2011 at 1:48 PM  

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

  © Blogger template Simple n' Sweet by Ourblogtemplates.com 2009

Back to TOP