@font -шрифт не работает в Internet Explorer Mobile

Я делаю веб-сайт(http://www.hallometmirel.nl/troep/website)с отзывчивым макетом и тестировал различные разрешения в нескольких браузерах и разрешениях на моем ноутбуке и на моем Galaxy S3.

Поскольку я не могу установить Internet Explorer в Google Play, сейчас я тестирую веб-сайт на Nokia Lumia 800 с работы. Кажется, он работает под управлением Windows Phone 7.5, и, поскольку я не могу найти кнопку, показывающую, какая у него версия IE, а смартфон совсем новый, я подозреваю, что это IE 9.

До сих пор @font -face работал в последней версии Opera, Firefox, Chrome (для настольных и мобильных устройств )и IE 9 (для настольных ПК ).

Я действительно понятия не имею, почему это не будет работать в мобильной версии, даже если она более старая, шрифт -face поддерживается более старыми версиями, верно? Я пытался заставить IE показывать шрифт, изменив тип.eot или включив смайлик (, по-видимому, он что-то делает ). Я не могу найти другие темы, касающиеся мобильной версии IE.

Это тип документа, он может иметь какое-то отношение к IE9:

Вот как я вставляю шрифт:

@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
        url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
        url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}

И используйте это вот так:

h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}