无法显示字体真棒图标？

Question

我刚刚开始在已经有Bootstrap的MVC应用程序中使用Font Awesome。我需要使用一些图标，我已将font-awesome.css复制到我的项目中，但图标不可见。我只提到了这个css，不确定但是想问一下是否还有其他一些文件要包括在内？

以下是我在页面中的显示方式：

刚刚在Firebug中检查过，它在css面板中的显示如下：

请指导我如何解决它。

感谢您的帮助和指导

Answer 1

您需要提供 fonts 目录，并且可以在您的Web服务器中访问。它包含在http://fortawesome.github.io/Font-Awesome/

的下载包中

在font-awesome.css中，需要引用 fonts 目录才能显示图标图像。

希望这有帮助。

Answer 2

另外，我注意到我需要引用＆＃34; font-awesome.css＆＃34;中的文件夹位置。如果你创建一个目录来保存所有字体真棒文件，在哪里找到目录。你可以检查一下，以确保它找到正确的位置，并确保你参考＆＃39;捆绑＆＃39;在App_Start和Shared / _Layout.cshtml中

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

     }

Answer 3

任何人仍在寻找替代答案，这种方法在另一个StackOverflow answer上建议解决了这个问题。

基本上更改.eot，.ttf和＆amp;的构建操作。 .woff文件到＆＃34;内容＆＃34;而不是默认值＆＃34;无＆＃34;。这样做解决了我的问题。