【问题标题】:FontAwesome icons not displaying in VisualStudio在 Visual Studio 中不显示 Font Awesome 图标
【发布时间】:2015-06-21 18:22:32
【问题描述】:

我已经尝试过 FontAwesome 中这段代码的所有变体,但无法显示图标:

我使用 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>

【问题讨论】:

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


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

      抱歉,如果迟到了! :)

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

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

      这应该可以工作了!

      【讨论】:

        猜你喜欢
        • 2013-05-10
        • 2022-01-18
        • 2020-08-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多