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.

Web font directory :

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

<link rel="stylesheet" type="text/css" href="">

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>

You can add several fonts in the stylesheet link.

You can add normal CSS properties in your custom class

Hello World !!!

Enjoy !


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


Post a Comment

  © Blogger template Simple n' Sweet by 2009

Back to TOP