#font-face .ttf files multiple, some working, some failing - font-face

Question

sorry could be a silly one, but I can't use #font-face with multiples, I have 3 .ttf files saved in the folder 'fonts'
#font-face
{
font-family:'sansation';
src: url('fonts/Sansation_light.ttf') format('truetype');
}
p
{
text-align:left;
font-family:'sansation';
font-size:16px;
}
The above works fine, but when I do the same thing with the others:
#font-face
{
font-family:'ttf_outwrite';
src: url('fonts/outwrite.ttf') format('truetype');
}
a
{
font-size:20px;
font-family:'ttf_outwrite';
}
...it doesn't seem to link at all. Is this possible with multiples .ttf files?
If you want to try to replicate the issue, the fonts can be downloaded in a few seconds from http://www.fontspace.com/ttf.
Any help appreciated.
Thanks,

Answer 1

I've been having the same problem with .ttf files working for some fonts but not others. My solution is a work around in that I converted the font to the woff file type:
#font-face {
font-family: "trade";
src: url(/static/common/fonts/trade-gothic-bold.ttf) format("truetype"), url(/static/common/fonts/trade-gothic-bold.eot) format("embedded-opentype"), url(/static/common/fonts/trade-gothic-bold.woff) format("woff");
}
I know this doesn't solve the root problem and was hoping someone had a better answer. My .ttf file is not corrupt because I converted my .woff from it. My thinking is that there has to be something in these non-working .ttf files that make them uninterpretable to the browsers, but not corrupt.