无法在Visual Studio中显示FontAwesome图标

Question

I have tried every variation of this code from FontAwesome and cannot get the icons to display:

I use 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>

Answer 1

I think the problem is in the fonts. Refer this answer for an example. What have I done? This problem can be solve by using css file on remote server:

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

Answer 2

Sorry if this is late! :)

I experienced this problem, which I solved by adding manually through Visual Studio. Follow this process:

• Inside Visual Studio, inside a solution: Right-click ' Add ' > ' New folder '
• Right click ' Add ' > ' New Item ', then select all the items.
• Drag and drop the file where you want to use it.

This should then work!