Einbindung außergewöhnlicher Schriften - keine Google Webfonts!

Hallo,

ich habe mir die familia pro ausgeguckt und auf fontsquirrel.com in den webformaten heruntergeladen. Deshalb keine Google Webfonts, weil Google diese Schrift nicht hat und ich aber diese verwenden muss. Dann habe ich im Theme einen Ordner fonts angelegt, die Schrift dort abgelegt und in die style.css folgenden codeschnipsel eingefügt:

@font-face {
    font-family: 'FamiliarProBold';
    src: url('Familiar_Pro-Bold-webfont.eot');
    src: url('Familiar_Pro-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Familiar_Pro-Bold-webfont.woff') format('woff'),
         url('Familiar_Pro-Bold-webfont.ttf') format('truetype'),
         url('Familiar_Pro-Bold-webfont.svg#FamiliarProBold') format('svg');
    font-weight: normal;
    font-style: normal;




}

Dann die entspr. Stellen definiert, z. B.:

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-family: Familiar Pro, "Arial", sansserif;
    font-style: normal;
    margin: 1em 0;
}

Funktioniert aber nicht. Wenn ich den Codeschnipsel so abändere, dass ich den fonts-Ordner einfüge

src: url(fonts/'Familiar_Pro-Bold-webfont.eot');

bringt es auch nix.

Wenn ich statt Familar Pro -> FamiliarProBold reinschreibe, tut sich auch nix. Woran liegt es, dass die Schrift nicht eingebunden wird? Was muss ich anders machen?

Hoffe, mir kann jemand helfen.

Viele Grüße, skaberry