FontAwesome图标不在VisualStudio中显示

时间:2015-06-21 18:22:33

标签: css asp.net-mvc visual-studio font-awesome

我已尝试过FontAwesome中此代码的每个变体,无法显示图标:

http://prntscr.com/7jmy3y

我使用Visual Studio 2013 for Web。

@model HelloWorld.Models.Post
@{
    ViewBag.Title = "Delete";
}

<link rel="stylesheet" href="../../../Content/post.css">
<link rel="stylesheet" href="../../../Content/font-awesome.css">
<script src="../../../Content/js/jquery.js"></script>

<div class="create-post-form">
    <div class="form-group">
        <article class="post">
            <h4>@Html.DisplayFor(model => model.Title)</h4>
            <p>@Html.DisplayFor(model => model.Description)</p>
            <ul class="post-footer">
            <li><span id="comments"><i class="fa fa-comment"></i> 20</span></li>
            <li><span id="likes"><i class="fa fa-heart"></i> 5</span></li>
            </ul>
        </article>
</div>
</div>

2 个答案:

答案 0 :(得分:2)

我认为问题在于字体。有关示例,请参阅this answer。我做了什么?通过在远程服务器上使用css文件可以解决此问题:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

答案 1 :(得分:0)

对不起,如果迟到了! :)

我遇到了这个问题,我通过在Visual Studio中手动添加解决了这个问题。请遵循以下过程:

  • 在Visual Studio内部,在解决方案内部:右键单击“ 添加> 新文件夹
  • 右键单击“ 添加> 新项目”,然后选择所有项目。
  • 将文件拖放到要使用的位置。

这应该可以工作!