Font Face

But that's CSS3!!!

Yes, yes it is. But I found it really cool so I tacked it on as a bonus.
Suprisingly its pretty easy.

The one snafoo is that you have to make sure you are clear with the font's copy write. This can be accomplished by using a font foundry such as http://openfontlibrary.fontly.org/
Put this inside your css file or in a style tag.

    @font-face {
      font-family: Flames;
      src: url('/fonts/Flames.ttf');
    }
    .flame-on { font-family: Flames, Verdana, Sans-serif; font-size:36px;}
  

And you will get:

Thanks CLT Barcamp! Any burning questions?

Also, Internet Explorer (surprise surprise) only supports OTF, but Paul Irish has an awesome article on how handle both.

Show Page Source
Show Notes
I probably don't have the right to use the Flame font, though it was freely downloaded from: http://www.1001freefonts.com/Flames.php.