Google Font API: Add beautiful web fonts on your web page [Web-design]

Web designers surely know the pain not to be able to use wide variety of fonts on their web-pages. There are these web-safe fonts that you need to remain stuck to because you don’t want your web-page to appear differently on different browsers. Of course there’s @font-face to help you out but it also has its own issues. Google offers Font API that helps you add web fonts to any web page.

The Google Font API includes:

A choice of high quality open source fonts.
Works in most browsers.
Extremely easy to use.

To use the API, all you need to do is to add a stylesheet link (shown below) in your HTML, just after the <head> tag.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

Using the above code you can use the ‘Tangerine’ font in your web page using CSS. As of now, Google offers these web fonts in a repository called ‘Google Font Directory’ which you can use in a similar manner. The fonts in the directory are all released under open source licenses so you can use them on any non-commercial or commercial project.

Some useful links: