Google has come out with the Google Font API, which enables you to use interesting fonts on a web page, without worrying whether or not the font is available on the user’s browser.

All you need to do is add a link to the Google Font API in your page, passing the name of the font you want to use, and then you can use that font in the CSS styling for an element on the page.

The best part, is that it does not require any browser plugins, as Google downloads the font to the browser cache for use within the page, and the supported browsers are also very broad. The code runs on IE6+, Firefox 3.5+, chrome 4.249.4+, Safari 3.1+ and Opera 10.5+.

So, as an example, the code to produce the following text:

Some fancy text

is

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC&subset=latin' rel='stylesheet' type='text/css'>
<div style="font-family: 'IM Fell English SC', arial, serif; font-size:48px;">Some fancy text</div>



Google Font Directory contains a gallery of available fonts for use with the Google Font API

Share