字体真棒图标在.NET / MVC应用程序中不起作用

Question

标题上说的很简单，但我正在努力解决这些步骤。我从Nuget Package Manager下载了font-awesome，并将其添加到我的项目中。

我还在我的捆绑包配置文件中添加了字体真棒的CSS：

bundles.Add(new StyleBundle("~/Content/css").Include(
                      "~/Content/bootstrap.css",
                      "~/Content/site.css",
                      "~/Content/font-awesome.min.css"));

内容/ CSS加载到我的主布局页面上，所有后续页面均从此页面继承。

<meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - My ASP.NET Application</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

但是尝试使用按钮形式的图标：

<a href="@Url.Action("Edit", "Story", new { id = Model.Id })" class="btn btn-primary">
                    <i class="fas fa-adjust"></i>
                    Edit Story
</a>

导致不显示任何内容。这些步骤中我缺少什么？

Answer 1

要检查的事物：

1. 您是否还包括实际字体，是否将它们放在在font-awesome.css文件中引用的文件夹（查找“ src：url（”）
2. 您是否还在加载javascript（fontawesome.js）并将其包含在ScriptBundle中？

无论如何，今天有几十个适用于Font-awesome的NuGet程序包，但是我希望能控制住，所以这是在ASP.NET MVC中手动安装Font Awesome的方法：

1. 从官方网站下载真棒字体zip软件包。
2. 在Content子文件夹中创建一个文件夹，并将其命名为“ font-awesome”。
3. 将css和webfonts文件夹从下载的zip包复制到步骤2中创建的文件夹。
4. 将js文件夹内容复制到您的Scripts文件夹中
5. 在您的捆绑包配置中，包括“〜/ Content / font-awesome / css / all.css”以及“〜Scripts / fontawesome.js”。6.完成