font-awesome not works in mvc5

Question

I am using MVC5 .NET and I am trying in Release mode to show my fa icons. I was trying to recompile base css bundle and nothing.

.Include("~/Content/css/libs/awesome/font-awesome.css", new CssRewriteUrlTransform());

I can confirm, in debug mode it works, and in Release mode, it doesn't.

I ordered my bundles like this:

 var bundleCSS = new StyleBundle("~/bundles/css")
            .Include("~/Content/css/libs/revolution/settings.css")
            .Include("~/Content/css/libs/bootstrap/bootstrap.css")
            //.Include("~/Content/css/libs/awesome/font-awesome.css")
            .Include("~/Content/css/libs/ionicons/ionicons.css")
            .Include("~/Content/css/libs/jquery-ui/jquery-ui.min.css")
            .Include("~/Content/css/libs/owl-carousel/owl.carousel.css")
            .Include("~/Content/css/libs/magnific-popup/main.css")
            .Include("~/Content/css/libs/flexslider/flexslider.css")
            .Include("~/Content/css/libs/camera/camera.css")
            .Include("~/Content/css/custom/general.css")
            .Include("~/Content/css/custom/header.css")
            .Include("~/Content/css/custom/rooms.css")
            .Include("~/Content/css/custom/home.css")
            .Include("~/Content/css/custom/reset-styles.css")
            .Include("~/Content/css/custom/pages.css")
            .Include("~/Content/css/custom/sidebar.css")
            .Include("~/Content/css/custom/event.css")
            .Include("~/Content/css/custom/footer.css")
            .Include("~/Content/css/custom/responsive.css")
            .Include("~/Content/css/custom/Site.css")
            .Include("~/Content/css/libs/jquery-ui/jquery-ui.min.css")
            .Include("~/Content/css/style.css")
            //.Include("~/Content/css/custom/header.css", new CssRewriteUrlTransform());
            .Include("~/Content/css/libs/awesome/font-awesome.css", new CssRewriteUrlTransform());


        bundleCSS.Orderer = new AsIsBundleOrderer();
        bundles.Add(bundleCSS);

Maybe ordering and CssRewrite does not functionate with each other?

Open font-awesome.css file and check url routes. – severus_92 Jul 02 '19 at 15:57 — severus_92, Jul 02 '19 at 15:57

score 0 · Answer 1 · answered Jul 02 '19 at 13:36

0

On Visual Studio in the Solution Explorer go to where the font_awsome CSS file is located.

If the file icon is transparent right click "Include in Project", that would solve your problem.

answered Jul 02 '19 at 13:36

Ricardo

29
5

Why do you have your font-awesome.css commented in your bundle? – Ricardo Jul 02 '19 at 13:50
because, I put down in CssRewriteUrlTransform() – Stefan0309 Jul 02 '19 at 13:58
I think that CssRewriteUrlTransform() is your problem, check this anwser if it helps: https://stackoverflow.com/questions/19765238/cssrewriteurltransform-with-or-without-virtual-directory – Ricardo Jul 02 '19 at 14:04
didn't help. I will start over from scratch. – Stefan0309 Jul 03 '19 at 07:09

font-awesome not works in mvc5

1 Answers1