Иконки glyphicons не работают в IE 11

12
S
На сайте с 06.09.2012
Offline
72
2165

День добрый.

Работаю над проектом с помощью фреймворка бутстрап, и заметил такую проблему, не отображаются иконки glyphicons в Internet Explorer 11, еще и в мозиле.

Кто-нибудь сталкивался? Прошу помочь.

Маркетплейс красивых телефонных номеров (https://nomera.online)
R
На сайте с 18.12.2009
Offline
92
#1

IE 11, тут все норм - http://getbootstrap.com/components/

S
На сайте с 06.09.2012
Offline
72
#2

rerighter, эти иконки у них норм отображаются, а на своем сайте в действии не работают. Я гуглил, там где-то слова проскакивают с забугра, что у кого-то также не работало, поэтому и спрашиваю... может кто решал эту проблему.

vkusnoserver
На сайте с 30.04.2011
Offline
104
#3

Проблема в подключении шрифта. Что-то не так сделали.

Если вы используете Font Awesome и подключаете еще и новый шрифт иконок (например, любой отсюда), тогда вам необходимо перебить классы стиля в css (а значит и в html), иначе они будут совпадать:

/* zocial */
[class*="zocial-"]:before {
font-family: 'zocial', sans-serif;
}

Вызываем в html:


<ul>
<li class="zocial-twitter"></li>

Жирненьким - семейство и код самой иконки. Перепроверьте!

Другой вариант - вы не залили файлы шрифта, либо сделали ошибку в ссылке при подключении шрифта. Проверьте в этом случае пути в том же .css файле, что и выше (не забываем подключить сам стиль в <head>):

@import url(http://weloveiconfonts.com/api/?family=zocial);

Советую подгружать с CDN! Еще один способ ничего не забыть.

Пишу, потому что у меня было тоже самое. Квадраты вместо иконок - это не свидетельство того, что "иконки не работают", а факт того, что шрифт не подгружается.

Скидки на хостинг (/ru/forum/629944) | Конфигуратор (http://www.vkusnoserver.ru/link.php?id=31) | Администрирование (/ru/forum/871196) CEO собственной персоной - skype: vkusnoandy
S
На сайте с 06.09.2012
Offline
72
#4

vkusnoserver, в хроме и опере же работают

vkusnoserver
На сайте с 30.04.2011
Offline
104
#5

shulinin, если дело не спешит, скиньте мне в личку ссылку на сайт, будет свободная минута - я посмотрю. Могу сказать очень уверенно, что у меня не возникало подобной проблемы и это при том, что мы каждый раз делаем кроссбраузерную проверку верстки, и я лично верстал Bootstrap и использовал иконочные шрифты.

R
На сайте с 18.12.2009
Offline
92
#6

Я Вам не просто так скинул офф сайт bootstrap. Если там работает, то при правильном подключении должно работать и у Вас. Все таки это все относится к клиентской части. Не работает - ищите косяки.

S
На сайте с 06.09.2012
Offline
72
#7

rerighter, Я понимаю вас, но в том то и дело, что подключено все по инструкциям и у других встречалась такая проблема, но решения не нашел...

p.s тут так принято в репу минусовать за то, что у меня проблема, а я ищу ее решение? что за народ =\

Иконки не работают только частично, иначе бы я не создал никогда топик. Если такие умные, те кто в репу минусует по беспонту, дайте мне решение проблемы.

R
На сайте с 18.12.2009
Offline
92
#8

Покажите сайт чтоли)

R
На сайте с 18.12.2009
Offline
92
#9

У Вас не подключились 2 файла. Учитесь пользоваться Firebug и другими программами этого плана.

В чем проблема использовать Bootstrap CDN?

http://getbootstrap.com/getting-started/

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

И будет все у Вас отлично. Плюс пользователю не придется грузить все по несколько раз (кэш).

png 135608.png
S
На сайте с 06.09.2012
Offline
72
#10

rerighter, Я менял эти оба файла, поэтому уже не могу использовать, которые вы показали. Да и не смог бы изначально, т.к пришлось бы менять что-то в них.

А то что не подключены два файла я видел, но понять не могу почему.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий