Question

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

{ content: "\f048"; }

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

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

由于

Answer 1

也许我误解了你的要求，但那些不是垃圾角色。这些是Font Awesome使用的Unicode代码点（特别是私有使用区域）。他们绝对应该在你缩小的CSS中。或者您可以使用Font Awesome附带的缩小CSS。

Answer 2

我之前遇到过这种情况。当你缩小时，你需要指定一个charset。在项目的配置中，将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()));

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

4 个答案: