Как сделать, чтобы два одинаковых шрифта разной толщины работали в IE10?
Вопрос обсуждался уже тысячу раз.
Для IE < 9 нужен шрифт в формате eot,  IE 9+ - woff.
Подключайте все нужные форматы.@font-face {
  font-family: 'room';
  src: url('../fonts/room_bold-webfont.eot');
  src: url('../fonts/room_bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/room_bold-webfont.woff2') format('woff2'),
  url('../fonts/room_bold-webfont.woff') format('woff'),
  url('../fonts/room_bold-webfont.ttf') format('truetype'),
  url('../fonts/room_bold-webfont.svg#roombold') format('svg');
  font-weight: 600;
  font-style: normal;
}
Конвертировать можно здесь или здесь
+ насыщенность для одного и того же шрифта , указывается не через разные font-family, а через font-weight, заданный в описании шрифта. 
Пример:@font-face {
  font-family: 'room';
  src: url('../fonts/room-webfont.eot');
  /*остальные форматы*/
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'room';
  src: url('../fonts/room_bold-webfont.eot');
  /*остальные форматы*/
  font-weight: 600;
  font-style: normal;
}
Теперь, указав font-family для всего нужного блока, можно оперировать только насыщенностью, указывая  font-weight.
Посмотрите на поддержку формата ttf. Очевидно, в IE существуют проблемы. Следует применять шрифт в формате woff, тем более, что он и весит меньше.
Конвертеров много. Лучший из них (в смысле функционала) Fontsquirrel.
Вот пример куска вашего кода с конвертацией ваших шрифтов в woff.