Custom Fonts on the Web – Google did it Again

Just found out that Google has a cool new trick up it’s sleeve – custom fonts for your web site.

Obviously I had to try it right away, and you should see the title of this web site – the ‘Magic of Life’ up there, in the Shadow into Light font.

What did I had to do to change from the standard Helvetica?

Pretty little, actually.

  1. I added the following line as the first line in the <head> section of the headers.php file in my wordpress theme:
    <link href=’http://fonts.googleapis.com/css?family=Shadows+Into+Light&v1′ rel=’stylesheet’ type=’text/css’>
  2. In the css for the site title element I added
    font-family: ‘Shadows Into Light’, arial, serif;

That’s pretty much it!

To see what font’s Google has available, you can check at Google Webfonts.