4

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

这是它在我的页面中的显示方式： 在此处输入图像描述

在刚刚签入的 Firebug 中，它在 css 面板中的显示如下： 在此处输入图像描述

请指导我如何解决它。

感谢您的帮助和指导

4

3 回答 3

7

您需要有可用的字体目录，并且可以在您的 Web 服务器中访问。它包含在来自http://fortawesome.github.io/Font-Awesome/的下载包中

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

希望这可以帮助。

于 2014-02-10T01:24:52.927 回答
3

另外，我注意到我需要参考“font-awesome.css”中的文件夹位置，如果您创建了一个目录来保存所有字体真棒文件，那么在哪里可以找到该目录。您可以检查以确保它在正确的位置查找，并确保您在 App_Start 和 Shared/_Layout.cshtml 中引用了“bundles”

    @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; 

     }
于 2014-09-12T18:53:04.450 回答
0

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

基本上将 .eot、.ttf 和 .woff 文件上的 Build 操作更改为“Content”，而不是默认值“None”。这样做解决了我的问题。

于 2017-09-22T06:38:17.247 回答