A propriedade @font-face permite que usemos famílias de fontes que não estão instaladas no computador do usuário. Estamos acostumados a usar (os designers que o digam) um pacote de fontes muito limitado de fonts.
O @font-face faz com que o browser baixe, instale e renderize uma font na página.
Nem preciso falar que isso pode deixar o site um pouco mais lerdo. Outro ponto é que nenhum dos browsers tem suporte para isso hoje.
Veja um exemplo:
@font-face {
font-family: Nome da Fonte, Verdana, Arial, Tahoma, Sans-Serif;
src: url(enderecodafonte);
}
Existem outras maneiras usando flash. Acontece que a página fica lerdíssima dependendo de quatno texto o camarada aplicou a técnica. Para mim é uma manobra muito trabalhosa.
Links para visitar: