捆绑和缩小字体真棒css。在 mvc 4 中

Question

我正在尝试缩小字体 awesome.css，但是当我最小化它时，它会显示不同的垃圾字符，例如：

{ content: "\f048"; }

上面是内容图标，如向上箭头等......

有什么办法可以解决这个问题？

谢谢

Answer 1

也许我误解了你在问什么，但那些不是垃圾字符。这些是 Font Awesome 使用的 Unicode 代码点（特别是私人使用区域）。它们绝对应该在您的缩小 CSS 中。或者您可以使用 Font Awesome 附带的缩小 CSS。

Answer 2

我以前遇到过这种情况。当您缩小时，您需要指定一个字符集。 在您的项目配置中，将 xml 的编码设置为：

<?xml version="1.0" encoding="utf-8"?>

如果您不喜欢弄乱配置或无权访问，您可以修改 CSS。

@charset "UTF-8";

在这两种情况下，它都必须是文件的第一行。如果你要连接它，它只需要在第一个文件中。

Answer 3

我用YUI Bundle Transformer解决了这个问题

通过 NuGet 包安装

代码如下：

        var cssBundle = (new StyleBundle("~/bundles/css").Include(
            "~/Content/css/font-awesome.css");
        cssBundle.Transforms.Add(new CssTransformer(new YuiCssMinifier()));

        bundles.Add(cssBundle);

Answer 4

尝试通过 CssRewriteUrlTransform 注册。

例如：

bundles
  .Add(new StyleBundle("~/Content/utilities")
     .Include("~/Content/font-awesome.min.css", new CssRewriteUrlTransform()));