--- NB: перейдите к разделу EDITED 2 для резюме ----
У меня есть приложение ASP.NT MVC (4). Я включил (twitter) Bootstrap к нему. Bootstrap работает отлично, но значки не отображаются правильно при публикации приложения.
Я попытался переиздать приложение без успеха.
Для пояснения я помещаю здесь несколько изображений.
Когда я запускаю свое приложение из VS2013, результат получается (это нормально):
В стенде, IE и Chrome.
Но когда я запускаю опубликованное приложение, результатом является это (что НЕ нормально):
- Chrome
- IE (10)
Эта проблема должна каким-то образом быть с оцененным CSS, но я не знаю, в какой момент это может произойти.
Оцененный css в локальном приложении - это (это нормально):
- Chrome
- IE
Но в опубликованном приложении у меня есть это (что НЕ нормально):
- Chrome:
- IE:
Кто-то испытал это поведение?
Что я могу сделать для решения этой странной проблемы?
--------------------------- EDITED ------------------- -----------
Я получаю файлы шрифтов (.eot
, .svg
, .ttf
и .woff
) для включения при публикации моего приложения.
Когда я получаю доступ к странице по умолчанию (корневой каталог приложения http://localhost/
), который является страницей, на которой отображаются значки, файлы, отображаемые на вкладке "Инструменты разработчика Chrome":
Прежде чем включать файлы, я получал 404 ошибки для файлов, поэтому я мог догадаться, что они продолжают запрашиваться, даже если они не отображаются на вкладке "Сеть".
Хотя, значки отображаются неправильно.
------------------------ EDITED 2 --------------------- ------
Хорошо, я перезапускаю свой сайт в IIS 7. И запуск запроса запускается. Это запросы файлов, показанные на вкладке "Сеть разработчиков Chrome":
Затем Resquest ищет файлы в: /Content/themes/fonts/
, но они находятся в: /Content/themes/base/fonts/
В папке base
содержится папка bootstrap
, которая содержит файл bootstrap.css
. В файле CSS есть этот класс, ссылающийся на файлы шрифтов:
@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.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
Кажется, что ссылки на файлы шрифтов хороши, так как это дерево файлов:
Я мог бы изменить класс:
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../base/fonts/glyphicons-halflings-regular.eot');
src: url('../base/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../base/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../base/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../base/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
Но я бы действительно знал, что это происходит и как его решить! Кроме того, значки будут отображаться на опубликованном сайте, но не на локальном сайте (работает от VS2013 с iisexpress). Заранее благодарю вас за помощь!