font-awesome 不工作 bundleconfig答案

【问题标题】：font-awesome not working bundleconfigfont-awesome 不工作 bundleconfig
【发布时间】：2015-07-31 13:14:44
【问题描述】：

我去年就同样的问题发表过文章。 here 但是这次我和以前一样，但我有不同的错误。现在字体看起来像这样的根级别。

http://www.dev.com/Content/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0

配置

  bundles.Add(new StyleBundle("~/content/specss").Include(
     "~/Content/bootstrap.css",
    "~/Content/Css/site.css",
    "~/Content/Css/sidenav.css",
    "~/Content/overlay.css").Include("~/Content/font-awesome-4.3.0/css/font-awesome.css", 
                                       new CssRewriteUrlTransform()));

但它应该查看http://www.dev.com/iapps/ebiz/Content/font-awesome-4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0 其他引导程序，否则工作正常。

【问题讨论】：

font-awesome.css中字体文件夹的路径是什么？
../fonts/fontawesome-webfont.woff2?v=4.3.0
如果您将font-awesome.css 移出文件夹并简单地将其放入Content 文件夹中，然后在您的BundleConfig 中更改它是否有效？

标签： css asp.net-mvc twitter-bootstrap fonts font-awesome

【解决方案1】：

根据 font-awesome 文档http://fontawesome.io/get-started/，我发现的唯一方法是使用 less 或 scs 重新编译 css。

在我看来，使用 StyleBundle 和 CssRewriteUrlTransform 是一种更灵活的方法，但似乎对于最新版本来说这是不可能的（我使用的是 4.7.0 )。

【讨论】：

该链接似乎暗示css无需重新编译即可正常工作。
它只能使用但如果你使用 StyleBundle 则不能进行优化。

【解决方案2】：

在我当前的项目中，我的设置为：

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

我不熟悉 CssRewriteUrlTransform 类，但我只是将我的字体很棒的 css 包含在与其他 css 表相同的 Include 方法中。

【讨论】：