@font-face est une nouvelle propriété de CSS 3 qui permet de charger à la volée des polices de caractères au format TrueType (.ttf) ou OpenType (.otf) hébergées sur Internet.
Elle est supportée par les dernières versions des navigateurs Firefox, Safari et Opera. (Internet explorer quant à lui supporte depuis longtemps la propriété @font-face mais ne permet de charger que des polices au format propriétaire OET).

C’est une avancée considérable qui va plaire à nombre de développeurs web, car jusqu’ici on était limité aux quelques polices standard incluse dans tous les navigateurs. Et si on voulait utiliser des polices plus originales on était obligé de recourir à des images qui alourdissent le site et compliquent l’indexation du contenu.

L’utilisation de @font-face est très simple:

@font-face{
font-family:Gentium;
src: url(http://site.com/gentium.ttf);
}

Ensuite vous pouvez l’utiliser comme n’importe quelle police de base.

Vous trouverez des informations plus complètes dans cet excellent article.