2014-12-09 3 views
3

Мои глификоны исчезают с веб-страницы Internet Explorer 11 после обновления страницы (F5). Но когда я открываю веб-страницу (после первого обновления), нажав на ссылку меню, страница отображается правильно. , ,Шрифт Удивительные значки исчезают после обновления браузера

В хромированном исполнении это прекрасно работает даже после нажатия F5. Я запускаю Bootstrap v3.3.1.

Я взял пример кода из http://fortawesome.github.io/Font-Awesome/examples/, но даже этот простой код не работает после нажатия F5

<div class="row"> 
    <class ="col-lg-12"> 
     <div class="list-group"> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-home fa-fw"></i>&nbsp; Home 
      </a> 
      <a class="list-group-item" href="#"> 
      <i class="fa fa-book fa-fw"></i>&nbsp; Library 
      </a> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-pencil fa-fw"></i>&nbsp; Applications 
      </a> 
      <a class="list-group-item" href="#"> 
       <i class="fa fa-cog fa-fw"></i>&nbsp; Settings 
      </a> 
     </div> 
    </class> 
</div> 

Что я должен сделать, чтобы сохранить glyphicons видимые после обновления страницы в Internet Explorer?

+1

Fontawesome и glyphicons - это не то же самое – Luke

+0

Есть ли у демонстрационной страницы та же проблема для вас? – isherwood

+0

Можете ли вы включить JSFiddle в свой код? Что-то сталкивается с вашим CSS. Обратите внимание на свойство '*' в вашем CSS. Если вы определите где-то '* {font-family: ...}', что может создать проблему ... –

ответ

1

Демо-страница работает нормально для меня (@Isherwood), поэтому в моем проекте должно быть что-то.

JSFiddle действительно работает нормально (@Ivijan Stefan Stipić), но мне пришлось использовать CDN, чтобы получить файлы .CSS и .JS в скрипке.

Поэтому мне кажется, что моя ссылка на font-awesome.min.css (Fontawesome - это не то же самое, что глификон @Doctus).

я заменил это со ссылкой CDN:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 

И теперь он работает нормально.

+1

На самом деле это не ответ. Это обходное решение. Кто-нибудь знает, что такое ** фактический корень проблемы? – lenswipe

Смежные вопросы