here is what I use on my site and it works on everything.
I took out the unnecessary stuff from the body tag.
Code:
@font-face {
font-family: 'NewsCycleRegular';
src: url('NewsCycle-Regular-webfont.eot');
src: url('NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('NewsCycle-Regular-webfont.woff') format('woff'),
url('NewsCycle-Regular-webfont.ttf') format('truetype'),
url('NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
font: 14px/16px 'NewsCycleRegular', Arial, sans-serif;
letter-spacing:0.8px;
}
You can go here and generate a font face kit with your own font
http://www.fontsquirrel.com/fontface/generator.
You will get a css file i think and the web versions of the fonts.
They also have premade ones here
http://www.fontsquirrel.com/fontface.
Best of luck