@font-face не работает с конкретной версией Internet Explorer 11

Я знаю, что есть много похожих вопросов, но эта ситуация кажется странной. @font-face, кажется, сломан для Internet Explorer 11 (Windows 7 Pro). В частности, версия: 11.0.9600.17728, обновленная версия: 11.0.18.

@font-face работает отлично для меня в Chrome, Firefox, Safari, Opera (как Linux, так и Windows, где это применимо). Фактически, он даже работает над версией Internet Explorer: 11.0.9600.17633, обновленная версия: 11.0.16, также работающая в Windows 7 на другой машине.

В консоли разработчика нет ничего, чтобы указать, что есть проблема с выбором шрифтов. Я упростил свой html/css до некоторых очень простых вещей, чтобы воспроизвести проблему. В приведенном ниже примере ни один из пользовательских шрифтов не работает (для этой конкретной версии IE):

<html>
<head>
    <link rel="stylesheet" type="text/css" href="test.css" />
</head>   
<body>      
    <p>This font should be Roboto Thin</p>
    <p>There should be icons below. If not, then font-face is not working.</p>
    <span>a</span>
    <span>b</span>
    <span>c</span>
    <span>d</span>
    <span>e</span>
    <span>f</span>
    <span>g</span>
    <span>h</span>
    <span>i</span>
    <span>j</span>
    <span>k</span>
    <span>l</span>
    <span>m</span>   
</body>
</html>

... и CSS:

@charset "UTF-8";

@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.eot');
    src: url('roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-thin-webfont.woff') format('woff'),
         url('roboto-thin-webfont.ttf') format('truetype'),
         url('roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'typicons'; 
    src: url('typicons-regular-webfont.ttf'); 
}

p {
    font-family: robotothin;
    font-size: 26px;
    color: #666;
}

span {
    font-family: typicons;
    font-size: 30px;
    color: #0062A8;
}

Вы можете найти, что код работает здесь.
Если я просмотрю эту страницу с использованием версии IE, вызывающей проблемы, шрифт текста будет по умолчанию, и вместо значков вы увидите только буквы в тегах span.

Учитывая, что @font-face работает во всех других браузерах, которые я тестировал (даже в другой версии IE 11), вероятно, это ошибка в этой версии IE, и я могу что-то сделать, чтобы исправить или отлаживать дальше?

Ответ 1