fonts .eot on internet explorer

Hello.
i am trying to use the font "Mageta_BTT" on internet explorer but internet explorer only acepts .eot font types so i converted this "Magenta_BTT".ttf font to .eot on this site http://www.kirsle.net/wizards/ttf2eot.cgi
and internet expllrer still doesnt read it.
Here is the code i am using:
/* Mobile Layout: 480px and below. */
@font-face {
font-family:"Magenta BBT";
src: url("assets/webfonts/Magenta_BBT/Magenta_BBT.eot") format("embedded-opentype");
}
but wen i use:
@font-face {
font-family:"Magenta BBT";
src: url("assets/webfonts/Magenta_BBT/Magenta_BBT.eot") format("embedded-opentype");
}
on the html page it works.

here is the html:

how can i fix this?