在WPF项目中使用阿里图标库iconfont

我要打打代码2025-09-13 12:52

2。把阿里图标库（WPF中支持.ttf字体文件）引入

3。在App.xaml中添加图标的全局样式。推荐在此处添加全局样式，为了保证图标可以在所有窗体中使用。
代码如下 ：<FontFamily x:Key="IconFont">Fonts/#iconfont</FontFamily>

或者<FontFamily x:Key="IconFont">pack://application:,,,/Fonts/#iconfont</FontFamily>

提醒：路径必须正确。注意#iconfont，不能加文件后缀名，必须以#开头。

如果路径不对，出现小方块，表示xaml没有正确解析unicode图标。

其实#iconfont指字体名称。

pack://application:,/Fonts/#iconfont：这是WPF里用于引用项目资源的URI格式。Fonts为字体文件所在的文件夹，iconfont是字体的名称。

4。就可以在某个控件上使用阿里图标了

使用代码如下：提醒控制图标大小使用FontSize，而不是Width和Height

FontFamily="{StaticResource IconFont}"：引用之前在App.xaml里定义的字体资源。

Text=""：这里的是IconFont平台上对应图标的Unicode编码。

csharp 复制代码

<TextBlock
    FontFamily="{StaticResource IconFont}"
    FontSize="16"
    Foreground="Red"
    Text="&#xe669;" />