iconfont 字体应用

1、登录 打开阿里图标 https://www.iconfont.cn/

2、选择心仪的图标制作 iconfont 字体。

3、图标全部选择入库之后, 点右上角的购物车。

添加到项目,是方便管理图标字体的。

也可以直接下载代码的

4、下载到本地之后,把里面的 iconfont.ttf copy 到项目中。


5、WPF 的4种引用方式 字体需要资源的

第4中 代码

在C#后台使用

在XAML中的写法 Text="" 等同于在C#中 Text = "\ue60c" 别忘了后面的( ;)号也需要删除

pack://application:,/项目名称;component/Assets/Fonts/#iconfont

xaml 复制代码
  <TextBox Grid.Row="0" Text="&#xe6bf;" FontSize="50" FontFamily="Assets/Fonts/#iconfont"></TextBox>
  <TextBox Grid.Row="1" Text="&#xe6b9;" FontSize="50" FontFamily="pack://application:,,,/DEMO1;component/Assets/Fonts/#iconfont"></TextBox>
  <TextBox Grid.Row="2" Text="&#xe831;" FontSize="50" FontFamily="{DynamicResource IconFont}"></TextBox>
相关推荐
anjushi_2 个月前
react引入iconfont的svg图标
前端·react.js·前端框架·iconfont
可缺不可滥8 个月前
vue3 组件篇 Icon
vue3·iconfont