The problem with @font-face is that the browsers not recognise the same file font format.
IE supports Embedded OpenType Font format (.eot). Firefox, Chrome, Safari, and Opera support fonts of type OpenType Face (.otf) and TrueType Format (.ttf).
You should add two @font-face, for the same font, with .eot, and .ttf files.
The Font Squirrel @font-face Generator ( www.fontsquirrel.com ) takes any uploaded font and converts it into all the formats mentioned earlier as well as offers sample CSS embedding code.