Question

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

Answer 1

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

转到工具下拉菜单 - ＆gt; NuGet包管理器 - ＆gt;管理NuGet包以获得解决方案......

然后选择Nuget - Solution窗口顶部的Browse选项卡。使用FontAwesome进行搜索。在搜索结果顶部选择FontAwesome，然后选择窗口右侧项目窗格上的复选框。单击“安装”。

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

示例：

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

Answer 2

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

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

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

3-添加此行＆＃34;〜/ Content / font-awesome.min.csss＆＃34;位于App_Start / BundleConfig.cs的BundleConfig.cs就像这样

 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

Answer 3

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

Answer 4

一旦下载了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>

如何使用asp.net的字体真棒图标？

4 个答案: