6

フォント awesome.css を縮小しようとしていますが、最小化すると、次のようなコンテンツのさまざまなジャンク文字が表示されます。

{ content: "\f048"; }

上記は上矢印などのコンテンツ アイコンです。

この問題を克服するためのオプションは何ですか?

ありがとう

4

4 に答える 4

2

聞き間違いかもしれませんが、ジャンクキャラではありません。これらは、Font Awesome が使用する Unicode コード ポイントです (特に私用領域)。それらは絶対に縮小された CSS に含まれている必要があります。または、Font Awesome に付属する縮小された CSS を使用することもできます。

于 2013-01-18T01:37:43.863 に答える
1

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);
于 2014-03-03T03:09:50.930 に答える
1

私は前にこれに遭遇しました。縮小するときは、文字セットを指定する必要があります。プロジェクトの構成で、xml のエンコーディングを次のように設定します。

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

構成をいじるのが苦手な場合やアクセスできない場合は、CSS を変更できます。

@charset "UTF-8";

どちらの場合も、ファイルの最初の行でなければなりません。連結する場合は、最初のファイルにのみ含める必要があります。

于 2013-01-17T06:38:44.957 に答える
1

CssRewriteUrlTransform で登録してみてください。

例えば：

bundles
  .Add(new StyleBundle("~/Content/utilities")
     .Include("~/Content/font-awesome.min.css", new CssRewriteUrlTransform()));
于 2014-10-19T15:24:43.357 に答える