如何使用 Visual Studio 2019 在 ASP.NET Core 2.2 中安装 Font Awesome

Question

我正在努力寻找在 ASP.NET Core 2.2 中安装 Font Awesome 的任何最新安装指南

我已经尝试将手动文件导入到项目文件夹目录，然后尝试了 NuGet 包路由，但没有任何效果，因为我遵循的所有指南都参考了 2.2 中不存在的步骤和文件夹/文件

刚接触 ASP.NET Core 可能无济于事:(

Answer 1

只是想在此处明确列出其他答案所描述的步骤。

使用 Visual Studio 2019 (16.3.8) 和面向 .NET Core 3.0 的“ASP.NET Core Web 应用程序”项目，我执行了以下操作以在客户端安装 Font-Awesome：

• 右键单击该项目并选择“添加 > 客户端库...”
• 在弹出的表单中，选择' cdnjs '作为Provider，在Library input文本框中输入' font-awesome '，回车
• 点击“安装”
• 该软件包将安装在 wwwroot/lib 文件夹下
• 在您的 .cshtml 页面中，添加您需要的样式表： <link rel="stylesheet" href="~/lib/font-awesome/css/all.min.css" />

Answer 2

有很多方法可以实现这一点，但在我看来，快速启动和运行的最简单方法是 A。

A：获得一个 CDN 托管的字体真棒版本（它是免费的！）

1. 前往Font Awesome -使用有效的电子邮件地址启动并生成“CDN 支持的工具包”。
2. 您将收到一封带有“CDN 嵌入代码”的电子邮件，它只是一个脚本标签。
3. 将 Pasta 脚本标签复制到 _Layout 的脚本部分。

注意：您不会获得所有图标的智能感知，但是没有太多东西，而且我最终会在 font-awesome 的网站上直观地查找我想要的图标。如果您发现您确实需要智能感知或想要在断开连接的环境中使用 font-awesome，请参阅 B 部分。

B：一次“安装”

1. 前往Font Awesome - 下载并下载 zip 文件
2. 将 zip 文件解压缩到 wwwroot/lib/
3. 在您的 _Layout 中引用适当的。

    <!-- CSS -->
    <environment include="Development">
        <script src="~/lib/fontawesome-free-5.10.1-web/css/all.css"></script>
    </environment>

    <!-- ... --->

    <!-- JS -->
    <environment include="Development">
        <script src="~/lib/fontawesome-free-5.10.1-web/js/all.js"></script>
    </environment>

注意：在这个例子中，我只为开发环境放置了对 Font Awesome 的 CSS 和 JS 引用，这意味着您仍然应该使用 A 部分，但将 CDN 版本放在“生产”部分中。

<environment exclude="Development">
    <script src="https://use.fontawesome.com/abcdef1234.js"></script>
</environment>

注意：abcdef1234.js不是真正的文件，当您注册 CDN 包时，您将在电子邮件中获得您的特定文件

注意：CDN 版本没有你需要添加的 CSS 文件，它包含在 JS 文件中。

最后

如果您确实需要比 ASP.NET Core 中包含的包更多的包，并且字体很棒，我强烈建议您通过@Tony Ngo 指出的包管理器来获取库，并且LibMan与任何开始时一样好.