@font-face doesn't work in twentyeleven child theme

Hi everybody

I am using the @font-face css style code technique to customise my fonts but this method looks that is not working in my site. I have already uploaded the font ‘ttf’ file into my root directory but the file is located within a sub-directory where is installed wordpress, because this software installation came together with my host. I suspect that this could be the reason and perhaps I should transfer the files from the sub-directory to the main Public_html.
I have also tried to upload it in different folders within the wordpress installation but nothing happen. Also the plugin ‘Anyfont’ just work for the post title but nothing happen in the menu bar…. I’m so confused, please help!!!!
I’m using the twentyeleven theme and also a child to edit the css.

My site: http://www.pablomilara.com

Many thanks in advance