IE9 отказывается загружать пользовательский шрифт?

Question

Я пытаюсь заставить IE9 отображать пользовательский шрифт.Должно быть легко ... исследовано множество сайтов Google, и даже вопросы stackoverflow.Это то, что у меня есть:

@font-face {
    font-family: "BrushstrokePlain";
    src: url("../../fonts/BRUSHSTP-webfont.eot");
    src: url("../../fonts/BRUSHSTP-webfont.eot?#iefix") format("embedded-opentype"),
         url("../../fonts/BRUSHSTP-webfont.woff") format("woff"),
         url("../../fonts/BRUSHSTP-webfont.ttf") format("truetype"),
         url("../../fonts/BRUSHSTP-webfont.svg#BrushstrokePlain") format("svg");
    font-weight: normal;
    font-style: normal;
}

Но IE9 упорно отказывается сотрудничать.Действующий сайт: http://family.steps.org.au

Он работает во всех браузерах и IE 7 & 8, кроме IE9: (

---

Редактировать

Это то, что я добавил в свою конфигурацию nginx, чтобы она заработала:

location ~* \.(eot|ttf|woff)$ {
  add_header Access-Control-Allow-Origin *;
}

Answer 1

Ваша проблема связана с вашими заголовками HTTP.Попробуйте добавить это в ваш конфигурационный файл Apache:

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "http://mydomain.com"
    </IfModule>
</FilesMatch>

Замените mydomain.com вашим доменом.Вы получаете ошибку перекрестного источника в ie9, потому что у вас, вероятно, неправильно настроены файлы .ttf в вашей конфигурации.Код выше должен решить это.Проверьте дважды, так как у вас это уже может быть в вашей конфигурации, у вас могут не быть указаны все типы файлов.