У вас нет шрифта в нужном этим браузерам формате.
Привожу пример, которым пользуюсь сам.
Пугаться большого количества файлов не нужно, браузер подгружает только один из них - первый, который сможет отобразить.
@font-face {
font-family: 'Room';
src: url('../fonts/Room.eot');
src: local('☺'),
url('../fonts/Room.woff') format('woff'),
url('../fonts/Room.ttf') format('truetype'),
url('../fonts/Room.svg') format('svg');
font-weight: normal;
font-style: normal;
}
UPD: Для генерации шрифтов в нужных форматах лучше использовать
font2web. Он не обладает гибкостью уже указанного
fontsquirrel, но работает корректней. Оба сервиса помимо шрифтов генерируют нужный набор css.