Not so long ago, we designers and developers were limited to only a select few "web safe" fonts for text. If we wanted to display text in a font face that wasn't considered "safe," we made an image out of it. It was dumb, but we had no other choice. Now we do. The font has finally been liberated on the web.
Good typography is essential to any design, and the new @font-face ability lets us embed fonts for browsers to use. Though technically not part of HTML5, this CSS3 property is much too important not to address.
For this recipe, let's find a fun font and embed it as a simple logo. Below you'll find links to several great sites to find both free and paid fonts for web use. For this example, let's look at a previous version of the author's personal portfolio at http://dalejcruse.com.