Проблема с иконками из бутстрапа 3.0

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

Приветствую.

Использую бутстрап, установлены иконки glyphicons, в хроме и опере работают нормально, но в мозиле иероглифы, а в IE просто пустота на месте иконки.

Скрин ошибки шрифта в дебагере: https://yadi.sk/d/CJud6cGyVXLGn

Ссылку на сайт дам по запросу.

Прошу помочь.

Маркетплейс красивых телефонных номеров (https://nomera.online)
Exillon
На сайте с 30.01.2008
Offline
94
#1
shulinin:
Приветствую.

Использую бутстрап, установлены иконки glyphicons, в хроме и опере работают нормально, но в мозиле иероглифы, а в IE просто пустота на месте иконки.

Скрин ошибки шрифта в дебагере: https://yadi.sk/d/CJud6cGyVXLGn
Ссылку на сайт дам по запросу.

Прошу помочь.

а если напрямую открыть ссылки эти на файл шрифта какой результат?

Там ошибка типа ясно показывается сервер вернул "доступ запрещен" к этим файлам.

Перехват доменов с ТИЦ и PR, Списки дроп доменов. (https://dropwind.com/exp_domains) Регистрация доменов net-7.66$, com-8.30$, org-5.99. Хостинг от 1.24$. (https://dropwind.com/) wm BL 750+
R
На сайте с 18.12.2009
Offline
92
#2

/ru/forum/comment/12930481

Зачем плодить темы.

psics
На сайте с 02.04.2009
Offline
130
#3

кодировки проверьте

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

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

Exillon, ну да, доступ запрещен.. значит стоит обратиться к хостеру?

Exillon
На сайте с 30.01.2008
Offline
94
#5
shulinin:
rerighter, да эту проблему на третий план отодвинули на время, а сейчас когда опять проблема вернулась на первый план, припарился и забыл про старую тему.. но потом все же попытался ее найти, сразу не получилось и создал новую с подробностями.

Exillon, ну да, доступ запрещен.. значит стоит обратиться к хостеру?

А в других браузерах что эти файлы доступны? проверьте их расположение на сервере.

И если с ними там все в порядке то странно что сервак отдает ошибку 403, тогда к хостеру.

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

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

Exillon, Во всех браузерах выдает ошибку, но работают иконки только в опере и хроме, вот такая странность.

Обращусь к хостеру, чтобы хотя бы откинуть вариант с блокировкой от них.

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

shulinin, но почему вы не воспользовались советом rerighter с CDN, который он здесь вам дал?

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

Это не странность. Так и должно быть. Для отображения шрифта IE использует как раз один из этих 2-x файлов, которые не подгрузились.

Chrome же их не использует, а наоборот, один из тех 2, которые 200.

Поэтому при генерации шрифтов для web на выходе получается около 4 файлов.

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

vkusnoserver, а что толку от этого CDN?

rerighter, да, была такая мысль.. недавно работаю с такими иконками, поэтому точно не знал. Запрос хостеру сделал, посмотрим что ответят.

vkusnoserver
На сайте с 30.04.2011
Offline
104
#10
shulinin:
vkusnoserver, а что толку от этого CDN?

Толк в том, чтобы не обращаться к файлам шрифтов, которые не грузятся.

Если не хотите использовать все bootstrap стили с CDN, т.к. внесли уже какие-то изменения, то используйте только glyphicons css с CDN, т.к. очевидно, что с шрифтом проблемы.

Пропишите в css:

@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");

И в html:

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet">

Остальные обращения к bootstrap-glyphicons.css удалите из стилей и html.

12

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