Fonts mit CSS in HTML5 Anwendung einbinden

Unter HTML5 und CSS3 ist es mit @font-faces nun möglich, True Type Fonts in Webanwendungen einzubinden.
Die derzeitigen Browserunterstützungen:

• Embedded OpenType (EOT): IE5-9
• True Type (TTF): FF 3.5+, Chrome 4+, Safari 4+, IE9
• Open Type (OTF): FF 3.5+, Chrome 4+, Safari 4+, IE9, Opera 10.5+
• Web Open Font (WOFF): Firefox 3.6+, IE9

CSS-Beispiel:

@font-face {
font-family: NameDust;
src: url(NameDust.ttf);
}
body {
background: #333333;
font-family: NameDust;
font-size: 24pt;
color: #ffffff;
}