The @font-face CSS Rule Revisited

A good alternative for all your h1, h2, h3, etc. tags

Rather than me spin or regurgitate what others have so aptly written, please read some authorities on the subject:

The new Web FontFonts. This covers the new licensing model for the web fonts.
A List Apart provides a bit of background and examples.
An excellent how to achieve cross browser @font-face support article.

What the Browsers are Saying…

https://developer.mozilla.org/en/CSS/@font-face
http://msdn.microsoft.com/en-us/library/ms530757%28VS.85%29.aspx

An Example Declaration:


@font-face {
font-family: 'Schawel Regular';
src: url('Schawel.eot');
src: local('Schawel Regular'),
local('Schawel'),
url('Schawel.ttf') format('truetype'),
url('Schawel.svg#font') format('svg');
}


An Example Reference:

h1, h2, h3 {
font-family: 'Schawel Regular', Helvetica, Arial, sans-serif;
}

Note: There are alternatives to this approach like the .js based Cufon and the flash based siFR