Monday, November 29, 2010

Google Font API - Rewriting the rules about web fonts?

Did Google just rewrite the rules about web fonts?

The above text isn't an image - it's an example of the Google Webfonts in use. The code looks like so:

<html>
 <head>
  <title>Google Font Test</title>
  <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie&subset=latin' rel='stylesheet' type='text/css'>
  <style>
    h1 { font-family: 'Reenie Beanie', arial, serif; font-size: 68px; }
  </style>
 </head>
 <body>
  <h1>Yes they did</h1>
 </body>
</html>

Notice how I import a CSS file which defines the font Reenie Beanie and then I use it in the CSS rule for h1. What a remarkably clean interface they've managed to put together.

I'm sure many a web designer will be absolutely elated to have a wider font palette to choose from beyond the usual choices. And as a programmer, I'll be glad to implement the designs using Google's Font API. Sounds like a win-win for all.

No comments:

Post a Comment