font-awesome 在 mvc5 中不起作用

Question

我正在使用 MVC5 .NET 并尝试在发布模式下显示我的 fa 图标。 我试图重新编译基本 css 包，但什么也没有。

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

我可以确认，在调试模式下它可以工作，而在发布模式下则不行。

我这样订购了我的包裹：

 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);

也许 ordering 和 CssRewrite 不能相互配合？

Answer 1

在解决方案资源管理器中的 Visual Studio 上，转到 font_awsome CSS 文件所在的位置。

如果文件图标是透明的，请右键单击“包含在项目中”，这将解决您的问题。