Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages.

As you can see from my site I have used this in many spots, again if your on the right browser.

[css]
@font-face {
font-family: Old Style;
src: url(‘fonts/OldstyHPLHS.otf’);
}
@font-face {
font-family: Champagne;
src: url(‘fonts/Champagne_Limousines.ttf’);
}
[/css]
The call it using the font-family:
[css]
h3 { font-family: Old Style, sans-serif; }
[/css]

Users of Safari 3.1+ and Firefox 3.2+ will see this text rendered with the Old Style font.

For anyone not viewing on one of the two browsers I mentioned here is an image of what your text would look like.