иконки начальной загрузки не отображаются в Internet Explorer

Question

Я использую bootstrap, очень новый для всего этого. На моей производственной стороне вещей мои иконки выглядят прекрасно, под сафари и хром они тоже выглядят прекрасно. Код я использую, чтобы связать значки появляются следующим образом:

<a href="/Admin/God/Admin.aspx" class="button rectangular"><i class="icon-group icon-large"></i><span class="button-text">Users</span></a> 

Сайт iskittle.co.uk если вы его просмотра другой, кроме IE появляются иконки. Я несколько тупик ... Я предполагаю, что это будет иметь какое-то отношение к тому, как IE обрабатывает то, как CSS получает изображения.

Как я сказал, что я новичок в этом, но я думаю, что он получает значки от увеличения изображения http://iskittle.co.uk/images/icons/glyphicons-halflings-white.png

Почему хром и сафари не сможет работать, как это сделать, но не IE ... любые идеи/help было бы здорово, я много искал в сети, но не мог ответить на прямой ответ ...

Answer 1

Шрифт не загружается, так как IE не может загрузить файл .woff. Internet Explorer гораздо более разборчив в отношении разрешений на использование шрифтов. Чтобы исправить это, проверьте:

1. Убедитесь, что файл существует на сервере и доступен с http://iskittle.co.uk/font/fontawesome-webfont.woff.

2. Если он уже установлен, убедитесь, что ваш сервер IIS настроен правильно, чтобы развернуть Woff-файлы. В вашем web.config, убедитесь, что существует следующая:

   <staticContent> 
        <remove fileExtension=".woff" /> 
        <mimeMap fileExtension=".woff" mimeType="application/octet-stream" /> 
   </staticContent> 
   

Answer 2

В вашем CSS файла ищет это:

@font-face { 
    font-family: "FontAwesome"; 
    src: url("../font/fontawesome-webfont.eot"); 
    src: url("../font/fontawesome-webfont.eot") format("eot"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg"); 
    font-weight: normal; 
    font-style: normal; } 

Изменить эту часть:

src: url("../font/fontawesome-webfont.eot") format("eot"), url("../font/fontawesome-webfont.woff") format("woff"), url("../font/fontawesome-webfont.ttf") format("truetype"), url("../font/fontawesome-webfont.svg#FontAwesome") format("svg"); 

Для это:

src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');