Ionicons не отображаются в IE и Firefox

Я исследовал весь день, но не могу найти ответ, почему мои ionicons не отображаются в IE и Firefox, но успешно отображаются в Chrome.

Мой сайт построен на Bootstrap 3, а Ionicon CSS вызывается в заголовке после других файлов CSS.

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.4.1/css/ionicons.min.css"></link>

Когда я запускаю сайт в IE (все версии) и Firefox (все версии), Ionicons отображаются в виде маленьких прямоугольников с двумя строками и двумя символами в каждой.

Если вы используете Firefox, вы можете увидеть ошибку здесь в разделе "Команда", где должны быть иконки социальных сетей.

Кто-нибудь знает, что вызывает это? Я попробовал несколько решений с этого сайта, но безуспешно.


person coffeeshopcoder    schedule 22.03.2014    source источник


Ответы (1)


Похоже, вы установили их неправильно, выполните следующие действия.

  1. Загрузите и распакуйте пакет шрифтов
  2. Скопируйте ionicons.css в свой проект.
  3. Скопируйте папку шрифтов в свой проект
  4. Убедитесь, что URL-адреса шрифтов в ionicons.css правильно ссылаются на путь к шрифтам в вашем проекте.
  5. Включите ссылку на файл ionicons.css с каждой веб-страницы, которая вам понадобится.

Взято из здесь, это должно решить вашу проблему!

person ve1jdramas    schedule 22.03.2014
comment
Так не исправишь. Может быть, вы используете версию cdn? . Взгляните на эту (старую?) ветку проблемы. github.com/driftyco/ionicons/issues/8 - person user9869932; 19.08.2014