如何在asp.net webform ImageButton控件中使用FontAwesome图标

时间:2015-12-16 15:21:58

标签: asp.net font-awesome

我打算在我的asp.net webforms网站上使用FontAwesome图标。问题是在许多情况下,使用asp:ImageButton使用ImageUrl属性从后面的代码动态设置图像。由于FontAwesome使用<I><Span>标签来显示图标,我想知道如何在asp:ImageButton中使用它。我是FontAwesome图标的新手,所以我为这个简单的问题道歉

2 个答案:

答案 0 :(得分:1)

FontAwesome不是一组图标。它是一种字体类型。

由于CSS允许浏览器在运行时下载字体类型,因此有一种很常用的方法可以使用字体类型进行矢量图标成像。

这非常有用,并且有一些优点(作为一些缺点),但对技术的讨论超出了问题的范围。

在项目中使用FontAwesome需要什么?它是如何工作的:

您需要下载FontAwesome项目的CSS文件并将其包含在项目中,至少将其链接到将要使用FontAwesome图标的页面。

您还需要下载项目中可用的字体类型,并在您的网络服务器上提供它们,以便浏览器可以下载它们。

最后,FontAwesome可以为HTML容器添加图标,因此您只需要向任何HTML容器元素添加两个类:fa和引用您必须包含在容器中的图标的类:

<div><span class="fa fa-plus"></span> Whatever</div>

答案 1 :(得分:0)

由于FontAwesome是一种需要显示HTML元素的字体,因此<asp:ImageButton />(仅允许图像)和<asp:Button />(仅允许纯文本)都不合适。最好使用HtmlButton

  

HtmlButton备注: HTML 4.0&lt; button&gt; element允许您创建由嵌入的HTML元素(甚至其他Web窗体控件)组成的按钮。

<button id="btnSearch" runat="server"><i class="fa fa-search"></i> Search</button>

了解详情:HtmlButton Control