6

I am trying to minify the font awesome.css but when i minimize it shows the different junk characters for content like :

{ content: "\f048"; }

above are content icons like up arrow etc....

What are the option to overcome this problem?

Thanks

user1977381
  • 61
  • 1
  • 2

4 Answers4

2

Maybe I'm mis-understanding what you're asking, but those aren't junk characters. Those are the Unicode code points that Font Awesome uses (specifically the Private Use Area). They absolutely should be in your minified CSS. Or you can use the minified CSS that comes with Font Awesome.

Font Awesome
  • 276
  • 1
  • 3
1

I've run into this before. When you minify you need to specify a charset. In your project's config set the xml's encoding to:

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

If you're uncomfortable messing with the config or don't have access you can modify the CSS.

@charset "UTF-8";

In both cases it must be the first line of the file. If you are concatenating it needs to be only in the first file.

Richard Dillman
  • 334
  • 1
  • 9
1

I solved it using YUI Bundle Transformer

Installed it via NuGet Packages

Code looks like this:

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

        bundles.Add(cssBundle);
Yuriy Kvartsyanyy
  • 2,656
  • 2
  • 14
  • 16
1

Try to register via CssRewriteUrlTransform.

For example:

bundles
  .Add(new StyleBundle("~/Content/utilities")
     .Include("~/Content/font-awesome.min.css", new CssRewriteUrlTransform()));
Onur Gazioğlu
  • 501
  • 2
  • 12
  • 1
    It works, but be aware that the transform is skipped when the minified file is already there, so you have to remove it. http://stackoverflow.com/a/19817114/973539 – Jeff Feb 24 '16 at 16:14