Problème @font-family

Bonsoir, je dois créer un petit site en html pour le lycée et j'aimerais changer la police. J'ai vu qu'on pouvait utiliser la fonction @font-family puis télécharger une police sur font squirel ou dafont.. Mais IMPOSSIBLE de la faire fonctionner ! J'ai l'impression d'avoir tout essayé.. J'ai téléchargé tous les formats de police indiqués dans les tutos', et toujours rien. Donc si quelqu'un aurait la bonté de m'aider ce serait vraiment cool :)
Pour info, j'utilise Mozilla, dernière version : 3.6 (je crois), et je suis sous Linux Mageia, (au cas ou cela aiderait..).
Mercii

Voici le programme CSS que j'ai écris:
@font-face
{
font-family: 'pacifico';
src: url('pacifico-webfont.eot');
src: url('pacifico-webfont.eot?#iefix") format('embedded-opentype'),
url('pacifico-webfont.woff") format('woff'),
url('pacifico-webfont.ttf") format('truetype'),
url('pacifico-webfont.svg#pacifico') format('svg');
}

h1
{
font-family: 'pacifico', serif;
}

p
{
font-family: 'pacifico', serif;
}