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

Question

Я исследовал весь день, но не могу найти ответ, почему мои ионы не отображаются в 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, вы можете увидеть ошибку здесь, в разделе Team, где должны быть социальные Ionicons.

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

Answer 1

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

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

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