Use Google Font API to import fancy fonts

Google’s introduction of their new Font API and Font Directory is a godsend to developers and designers everywhere.Want to use something a little nicer than Arial, but without the overhead of Cufon, Sifr, or worse? To enjoy the visual richness of diverse fonts, webmasters have resorted to workarounds such as baking text into images.

  • Natural font rendering with all of it’s advantages – selectable, zoomable, indexable, and accessible text.
  • Compatible with IE6 and up – no differences between browsers
  • No copyright issues – you can use is for printing, you can modify and use it as you wish

Usage is simple. Pick a font and get the code from Google’s Font Directory.

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">
h1.googllefontdemo {
font-family: 'Tangerine', serif;
font-size: 48px;
}

The Google Font API provides a simple, cross-browser method for using any font in the Google Font Directory on your web page. The fonts have all the advantages of normal text: in addition to being richer visually, text styled in web fonts is still searchable, scales crisply when zoomed, and is accessible to users using screen readers.

So enough talking. You can see here a clean demo.


See the demo here

1 thought on “Use Google Font API to import fancy fonts”

Leave a Reply