Проблема с объединением FontAwesome 4 LESS и Bootstrap 3 LESS в ASP.Net MVC 5

Создан веб-проект ASP.Net MVC 5 и установлены пакеты NuGet Twitter.Bootstrap.Less 3.0.1 и FontAwesome.less 4.0.3.

Изменен Content / fontawesome / variables.less на использование
@ fa-font-path: "fonts";

Изменен Content / bootstrap / variables.less на использование
@ icon-font-path: "fonts /";
@ icon-font-name: "fontawesome-webfont";

Изменен Content / bootstrap / bootstrap.less, чтобы заменить импорт глификонов на
@import "../fontawesome/font-awesome";

Скомпилировал исходный код LESS в bootstrap.css во время сборки с помощью RECESS. Для получения дополнительных сведений см. см. здесь.

Все это прекрасно работает в режиме отладки. Но значки fontawesome не отображаются в режиме выпуска, т.е. когда атрибут отладки удален из web.config или когда BundleTable.EnableOptimizations = true; добавлен в BundleConfig.cs.

Значки отображаются в виде квадратного поля в Chrome и пустого места в IE 10.

Есть идеи, чего здесь может не хватать?


less asp.net-mvc-5 twitter-bootstrap-3 font-awesome
person Santosh    schedule 08.11.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

[Решение] Изменен виртуальный путь к пакету стилей, чтобы использовать «~ / Content / css» вместо «~ / bundles / css», и проблема была устранена.

Путь к пакету "~ / bundles / css" должен быть виртуальным и не должен существовать в файловой системе. Он используется как имя, а не как путь к физическому файлу. Если этот путь существует в файловой системе, пакет не будет загружен. Я видел, что в скомпилированном файле bootstrp.css отсутствуют все символы Unicode.

Об этом не упоминается ни в одной документации, что странно!

person Santosh    schedule 11.11.2013