Hey all, I'm trying to get a font to load on a site design (it's offline so I can't link to it but if it will help I can sort out hosting it).

I'm trying to load this font: http://californiafonts.com/fonts/165..._earthworm-jim
Code:
@font-face {
   
   
   
     font-family: 'botchfont';
    src: url('fonts/Jim.eot');
    src: local('fonts/Jim'), 
         url('fonts/Jim.ttf') format('truetype'),
         url('fonts/Jim.svg#font') format('svg'); 
}
I followed a guide and converted it because the original ttf wasn't doing anything, but it's still not working. It appears to be 'attempting' to load it as when I applied it to the body as a test, the text didn't immediaetly appear and when it did it defaulted to Times New Roman instead. The other font (League Gothic) I am using works fine so I assume it is something to do with the font, but I don't know. Are there limitations on what fonts you can use? I just want it to work for my Headers.

Thanks for reading.