如何在 asp.net webform ImageButton 控件中使用 FontAwesome 图标
How to use FontAwesome icons in asp.net webform ImageButton controls
我打算在我的 asp.net 网络表单网站中使用 FontAwesome 图标。问题在于，在许多情况下，图像是使用 ImageUrl 属性 从代码后面使用 asp:ImageButton 动态设置的。由于 FontAwesome 使用 <I> 或 <Span> 标签来显示图标，我想知道如何在 asp:ImageButton 中使用它。我是 FontAwesome 图标的新手，所以对于这个简单的问题我深表歉意
由于FontAwesome是一种需要HTML个元素才能显示的字体，所以<asp:ImageButton />（只允许图片）和<asp:Button />（只允许纯文本）都不合适。你最好使用 HtmlButton.
HtmlButton Remarks: The HTML 4.0 <button> element enables you to create buttons composed of embedded HTML elements (and even other Web Forms controls).
<button id="btnSearch" runat="server"><i class="fa fa-search"></i> Search</button>
阅读更多：HtmlButton Control
FontAwesome 不是一组图标。是字体类型。
由于 CSS 允许浏览器在 运行 上下载字体类型，因此有一种非常常用的方法是使用字体类型进行矢量图标成像。
这非常有用并且有几个优点（作为一些缺点），但是技术的讨论超出了问题范围。
在你的项目中使用FontAwesome需要什么以及它是如何工作的：
您需要下载 FontAwesome 项目的 CSS 文件并将它们包含到您的项目中，至少将其链接到将要使用 FontAwesome 图标的页面。
您还需要下载项目中可用的字体类型，并在您的网络服务器上提供它们，以便浏览器可以下载它们。
最后，FontAwesome 可以将图标添加到 HTML 容器中，因此您只需向任何 HTML 容器元素添加两个 classes：fa 和 class引用您必须包含在容器中的图标：
<div><span class="fa fa-plus"></span> Whatever</div>
我打算在我的 asp.net 网络表单网站中使用 FontAwesome 图标。问题在于，在许多情况下，图像是使用 ImageUrl 属性 从代码后面使用 asp:ImageButton 动态设置的。由于 FontAwesome 使用 <I> 或 <Span> 标签来显示图标，我想知道如何在 asp:ImageButton 中使用它。我是 FontAwesome 图标的新手，所以对于这个简单的问题我深表歉意
由于FontAwesome是一种需要HTML个元素才能显示的字体，所以<asp:ImageButton />（只允许图片）和<asp:Button />（只允许纯文本）都不合适。你最好使用 HtmlButton.
HtmlButton Remarks: The HTML 4.0 <button> element enables you to create buttons composed of embedded HTML elements (and even other Web Forms controls).
<button id="btnSearch" runat="server"><i class="fa fa-search"></i> Search</button>
阅读更多：HtmlButton Control
FontAwesome 不是一组图标。是字体类型。
由于 CSS 允许浏览器在 运行 上下载字体类型，因此有一种非常常用的方法是使用字体类型进行矢量图标成像。
这非常有用并且有几个优点（作为一些缺点），但是技术的讨论超出了问题范围。
在你的项目中使用FontAwesome需要什么以及它是如何工作的：
您需要下载 FontAwesome 项目的 CSS 文件并将它们包含到您的项目中，至少将其链接到将要使用 FontAwesome 图标的页面。
您还需要下载项目中可用的字体类型，并在您的网络服务器上提供它们，以便浏览器可以下载它们。
最后，FontAwesome 可以将图标添加到 HTML 容器中，因此您只需向任何 HTML 容器元素添加两个 classes：fa 和 class引用您必须包含在容器中的图标：
<div><span class="fa fa-plus"></span> Whatever</div>