asp.net - Font Awesome 图标在 .NET/MVC 应用程序中不起作用

Question

正如标题所说，有点简单，但我在步骤上遇到了困难。我从 Nuget Package Manager 下载了 font-awesome 并将其添加到我的项目中。

我还在我的捆绑配置文件中添加了 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 文件中引用的文件夹(搜索 @font-face 标签，url 属性)
2. 您是否还加载了 javascript(fontawesome.js) 并将其包含在 ScriptBundle 中？

如今有数十个用于 font-awesome 的 NuGet 包，但我更喜欢掌控一切，因此这是在 ASP.NET MVC 中手动安装 Font Awesome 的方法:

1. 从官方网站下载font Awesome zip包。
2. 在 Content 子文件夹中创建一个文件夹，并将其命名为“font-awesome”之类的名称。
3. 将 css 和 webfonts 文件夹从下载的 zip 包复制到第 2 步中创建的文件夹。
4. 将 js 文件夹内容复制到您的 Scripts 文件夹
5. 在您的 bundle 配置中，包含“~/Content/font-awesome/css/all.css” “~Scripts/fontawesome.js”。
6. 完成