C# wpf 字体图标预览,html字符与unicode转换

在进行wpf 开发工作过程中遇到字体图标无法预览的问题,特此记录。

1、把需要预览的字体文件上传到网站上进行转换

Create Your Own @font-face Kits >> Font Squirrel
2、下载文件后进行解压。

3、找到 Glyph Chart 查看字体html字符编码
4、在wpf中直接使用即可

cs 复制代码
 <TextBlock Text="&#59103;" FontFamily="{StaticResource Iconfont}" 
    VerticalAlignment="Center" HorizontalAlignment="Center"
    RenderTransformOrigin="0.5,0.5" Name="arrow">

5、在代码中动态加载时,HTML字符无法识别,需要使用unicode编码。开发时需要进行编码转换。js转换代码

javascript 复制代码
let desc= 58884;
let hex= desc.toString(16);
let unicode = "\\u"+hex;
console.log(unicode);

运行结果:

6、看下最终效果

相关推荐
Sylvia-girl3 小时前
Java——抽象类
java·开发语言
Yana.nice5 小时前
Bash函数详解
开发语言·chrome·bash
江沉晚呤时6 小时前
在 C# 中调用 Python 脚本:实现跨语言功能集成
python·microsoft·c#·.net·.netcore·.net core
Oberon6 小时前
Avalonia硬配.NET Framework 4.8
c#·.net·avalonia·.net framework
tomorrow.hello7 小时前
Java并发测试工具
java·开发语言·测试工具
晓13137 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
老胖闲聊7 小时前
Python I/O 库【输入输出】全面详解
开发语言·python
code bean7 小时前
【WPF实战】MVVM中如何从数据模型反查自定义控件实例(ImageView + Halcon)
wpf
lph19727 小时前
ValueConverter转换器WPF
wpf
Sally璐璐8 小时前
Memcache核心技术解析与实战应用
运维·wpf·memcached