Hi friends,

Today i would like to share my knowledge about Google Font API. Using this API we can set and preview with following settings.

. font type

. font size

. font variant

. transform

. word spacing

.  letter spacing

. line spacing

Below is the link for API

http://code.google.com/apis/webfonts/

preview:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
        text-shadow: 4px 4px 4px #aaa;
        }
    </style>
  </head>
  <body>
    <h1>Anil Labs!</h1>
  </body>
</html>

Demo : http://labs.anillabs.com/google_font_api.php

Categories: Articles

1 Comment

roclafamilia · October 21, 2010 at 3:57 pm

Helpful blog, bookmarked the website with hopes to read more!

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *