powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не отображаются bootstrap glyphicons
9 сообщений из 9, страница 1 из 1
не отображаются bootstrap glyphicons
    #39399520
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Когда index.html находится в той же папке, где и fonts, js, css векторные иконки отображаются
Код: html
1.
2.
3.
4.
5.
        <link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/bootstrap-theme.css">
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	


Но как только я его перекладываю в папку(ну и соответственно меняю путь к файлам bootstrap) все стили и вообще все работает, кроме этих иконок. Не понимаю почему. Буду признателен если кто объяснит доступно.
Код: html
1.
2.
3.
4.
5.
        <link rel="stylesheet" href="../css/bootstrap.css">
	<link rel="stylesheet" href="../css/bootstrap-theme.css">
	<script src="../js/jquery.min.js" type="text/javascript"></script>
	<script src="../js/bootstrap.min.js" type="text/javascript"></script>
	
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39399682
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
где-то в css прописан путь к шрифту с иконками. нужно посмотреть в отладчике, не заканчивается ли попытка его загрузки ошибкой 404.
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39399708
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Antonariyгде-то в css прописан путь к шрифту с иконками. нужно посмотреть в отладчике, не заканчивается ли попытка его загрузки ошибкой 404.
Код: css
1.
2.
3.
4.
5.
6.
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


Вот где они прописаны...ну все правильно. А почему не подключаются когда index.html в другой папке?....Повторюсь, что когда index.html в корне с этими папками (fonts ,css, js) тогда все работает. Как только кидаю его отдельно в папку...все работает кроме этих иконок.
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400028
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vdekameron,

вы в отладчике проверили - нет 404 ошибки на загрузку css ?
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400172
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
big-dukeвы в отладчике проверили - нет 404 ошибки на загрузку css ?
Да, вы правы...ошибка есть, но не 404....ошибка пути
downloadable font: download failed (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: file:///G:/WEB%20DEVELOPMENT/Bootstrap/fonts/glyphicons-halflings-regular.woff2

Вот только не могу понять почему...я перешел по этой ссылке в файл css где происходит ошибка -->
Код: css
1.
2.
3.
4.
5.
6.
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


Но здесь же все правильно!!! Когда css ищет нужный url он выходит из текущей директории(папки css) затем заходит в папку fonts и подключает шрифт. Почему ошибка???
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400183
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vdekameron,

Firefox ?
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400209
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
big-dukeFirefox ?

да
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400220
Фотография big-duke
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
не отображаются bootstrap glyphicons
    #39400290
vdekameron
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
big-duke,

Большое спасибо!!!!!! Эта статья действительно решила проблему!!!

If anyone are using local resource and facing this problem in firefox. You can go to about:config and change the security.fileuri.strict_origin_policy preference to false
...
Рейтинг: 0 / 0
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не отображаются bootstrap glyphicons
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]