font-awesome在MVC5中没有使用bundleconfig

Question

如果我直接参考font-awesome.css_layouts页面.它会工作

<link href="~/Content/font-awesome-4.0.3/css/font-awesome.css" rel="stylesheet" />

但我用过BundleConfig.cs.图标未显示.

 bundles.Add(new StyleBundle("~/Content/css").Include(
                        "~/Content/font-awesome-4.0.3/css/font-awesome.css",
                        "~/Content/bootstrap.css",                        
                         "~/Content/body.css",
                        "~/Content/site.css",
                        "~/Content/form.css"
                     ));

而且我观察到浏览器控制台对字体目录有错误. Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:51130/fonts/fontawesome-webfont.woff?v=4.0.3

可能是什么问题呢？

Answer 1

如本文所述,请CssRewriteUrlTransform在捆绑时尝试使用:

bundles.Add(new StyleBundle("~/Content/css").Include(
        "~/Content/bootstrap.css",                        
        "~/Content/body.css",
        "~/Content/site.css",
        "~/Content/form.css"
    ).Include("~/Content/font-awesome-4.0.3/css/font-awesome.css", new CssRewriteUrlTransform());

这会将css文件中任何资产的URL更改为绝对URL,因此捆绑不会弄乱相对路径.

MSDN链接:CssRewriteUrlTransform

Answer 2

我的解决方案很简单:运行PM> Install-Package FontAwesome,并引用正确的路径:

.Include("~/Content/font-awesome.min.css")