Google Launched Font Directory And Font API

Today, Google has launched an awesome service – Google Font Directory. The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. These fonts are extremely easy to use and work in most browsers.


You can browse all available fonts in the directory here:

To include this font into your web page, click on the font, you’ll see the detail page of the font (preview font, font characters, …):

Click on the Get the code tab, you’ll see a line of code like this:

<link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>

Just put this line right before the </head> tag of your web page. The API will generate the necessary CSS specific to the user’s browser so you can use the font on your page.

To use the new font in your web page, just add some CSS rule like this:

h1 { font-family: 'Reenie Beanie', arial, serif; }

Where font-family is the name of the new font.

That’s all, very simple and easy.

Now you don’t have to worry about where to find high-quality fonts. Let Google do it for you!