Css 在MVC 5网站上使用字体真棒时没有图像

将字体添加到样式包时，图像无法正确显示。我得到的不是正确的图标，而是一个透明的框。我的样式包的设置如下：

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

我在网站上检查了几个线程，但似乎没有一个能够解决这个问题。和往常一样，我非常感谢在这方面的任何帮助

---

Mike

假设在内容文件夹中有一个名为fonts的文件夹，其中包含字体很棒的字体文件，问题可能会归结为字体很棒css文件中字体文件（WOFF、WOFF2、SVG、EOT等）引用的文件路径。@font-face规则的“src”属性可能使用相对url，如“./font/blah.woff”。尝试使用删除“.”并将url作为“/fonts/blah.woff”与css一起使用

发件人：

致：

---

让我知道这是否有效

嗨，亚历山大，是的！更改目标目录后，图标出现。非常感谢。

    @font-face {
        font-family: 'FontAwesome';
        src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
}

@font-face {
        font-family: 'FontAwesome';
        src: url('/fonts/fontawesome-webfont.eot?v=4.3.0');
        src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
        font-weight: normal;
        font-style: normal;
}