C#项目使用 FontAwesome 图标

最新推荐文章于 2026-05-11 22:15:12 发布

原创最新推荐文章于 2026-05-11 22:15:12 发布 · 4.1k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

文章目录

1、Font Awesome介绍
2、使用方法

1、Font Awesome介绍

Font Awesome，一套绝佳的图标字体库和CSS框架。常在网页中使用 fontawsome 图标，winform 桌面应用怎么使用fontawsome图标字体呢？
fontawsome字体图标官网 http://www.fontawesome.com.cn
在这里插入图片描述

2、使用方法

有各种图标，可以美化winform的界面，使用方法很简单，在官网下载字体文件
在这里插入图片描述
解压下载的压缩包后，将“fontawesome-webfont.ttf”文件拷贝到工程目录方便调用。

添加完成后，界面上创建两个按钮。
在这里插入图片描述
在form load函数添加如下代码：

private void Form1_Load(object sender, EventArgs e)
{
    // 加载字体
    PrivateFontCollection pfc = new PrivateFontCollection();
    pfc.AddFontFile("./fontawesome-webfont.ttf");

    button1.Text = "\uf2cd";
    button1.Font = new Font(pfc.Families[0], 20);
    button1.ForeColor = Color.DarkGray;

    button2.Text = "\uF011";
    button2.Font = new Font(pfc.Families[0], 20);
    button2.ForeColor = Color.Red;
}

运行下程序，按钮已经有图标了。
在这里插入图片描述
代码里面的Text 是 unicode格式图标代码，有两种方式可以获得：

1、直接官网点击某个图标，会告诉你这个代码：

在这里插入图片描述

2、在word文档里面插入特殊符号，选择fontawesome，选择图标后会提示你字符代码。

在这里插入图片描述
第2种方法，你需要在windows系统中添加 fontawesome字体，直接把“fontawesome-webfont.ttf”文件放进“C:\Windows\Fonts”字体目录中安装就行了。

3、添加到Resources

另一种使用方法就是.net4.5及以上框架版本可以直接去使用MaterialDesign库中的图标icon，种类也很多。如果不满足版本要求可以使用Font-Awesome图标字体，方法如下。

3.1 首先在官网下载字体文件 http://www.fontawesome.com.cn/

3.2 解压以后把字体文件复制到项目中，可在项目根目录创建Resource文件夹放置它
在这里插入图片描述
3.3 在需要引用图标的xaml文件中添加window.Resources的Style，例如

<Window.Resources>
	<Style x:Key="FontAwesome" TargetType="TextBlock">
		<Setter Property="FontSize" Value="80"/>
		<Setter Property="Margin" Value="3"/>
		<Setter Property="FontFamily" Value="/WpfApp1;component/Resource/#FontAwesome"></Setter>
	</Style>
</Window.Resources>

注意修改FontFamily的Value值，依次是项目名称，资源文件地址。

3.4 引用图标，方法如下

<TextBlock Text="&#xf124;" Style="{StaticResource FontAwesome}" Foreground="Black"></TextBlock>
<TextBlock Text="&#xf21c;" Style="{StaticResource FontAwesome}" Foreground="Black"></TextBlock>
<TextBlock Text="&#xf099;" Style="{StaticResource FontAwesome}" Foreground="Black"></TextBlock>
<TextBlock Text="&#xf0c4;" Style="{StaticResource FontAwesome}" Foreground="Black"></TextBlock>