If you haven’t heard, in an attempt to make the web a prettier place, Google offers the world a Font API. These are fonts that anyone can use on their website outside of the standard web safe fonts that we see on every site on the web. This is really an exciting opportunity for designers that I really have not seen utilized as much as it probably should. I recently redesigned the landing page for my little corner of the web, and I wanted to give the Font API a try. You can see the results over at jeffhertlein.com.

It turns out the be incredibly easy and can really make a difference in the feel of a site. The first step is to pick out your font you want to use. From there, you just copy and paste the code provided into your header and use the font name in your CSS like it was any other font. I used Yanone Kaffeesatz as my font, my header code looks like:
Simple. The most incredible part is how much it makes a site stand out from other sites to add something as simple as a different font to your design.
Trackbacks