如何在 asp.net 中使用字体 Awesome Icons？答案

【问题标题】：How to use font Awesome Icons with asp.net?如何在 asp.net 中使用字体 Awesome Icons？
【发布时间】：2025-12-05 10:55:02
【问题描述】：

我正在使用 asp.NET，我想在我的项目中使用字体很棒的图标，但我不知道如何。有人可以帮我吗？提前致谢

【问题讨论】：

你看到这个fontawesome.io/get-started了吗？
我试过了，但由于某种原因它不起作用

标签： asp.net

【解决方案1】：

使用 Visual Studio NuGet 包管理器为您完成繁重的工作和配置。

转到工具下拉菜单 --> NuGet 包管理器 --> 管理解决方案的 NuGet 包...

然后选择 Nuget - 解决方案窗口顶部的浏览选项卡。使用 FontAwesome 进行搜索。选择搜索结果顶部的 FontAwesome，然后选择窗口右侧项目窗格上的复选框。点击安装。

打开您的母版页并将 font-awesome.css 文件从解决方案资源管理器面板拖到您的母版页的头部以正确链接到它。现在您可以使用它了，可以查找语法here。

例子：

<p>
   <i class="fa fa-camera-retro"></i> fa-camera-retro
</p>

【讨论】：

【解决方案2】：

在下载 font-awesome 或从任何其他项目中获取后，您会发现两种类型的文件：字体和 css。

1- 将字体文件（.woff、.eot、.otf）复制到项目主文件夹中的 ~/fonts

2- 将 font-awesome.min.css 和 font-awesome.css 复制到 ~/Content 或 css 文件夹

3- 像这样在位于 App_Start/BundleConfig.cs 的 BundleConfig.cs 中添加这一行“~/Content/font-awesome.min.csss”

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

Check this image more details

【讨论】：

【解决方案3】：

一旦你下载了 NuGet 包（@IrishChieftain 正确指出），你也可以像这样将它添加到你的网络应用程序中......

在您的 Bundle.config 文件中，将其更新为如下所示：

<?xml version="1.0" encoding="utf-8" ?>
<bundles version="1.0">
  <styleBundle path="~/Content/css">
    <include path="~/Content/bootstrap.css" />
    <include path="~/Content/Site.css" />
    <include path="~/Content/font-awesome.min.css" />
  </styleBundle>
</bundles>

【讨论】：

【解决方案4】：

您可以下载字体真棒文件，将它们放入文件夹并将文件夹放在内容文件夹中，创建捆绑包或编辑现有捆绑包，然后将普通字体棒标签和类添加到您的视图中

【讨论】：