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、看下最终效果

相关推荐
武藤一雄29 分钟前
WPF中ViewModel之间的5种通讯方式
开发语言·前端·microsoft·c#·wpf
XiYang-DING31 分钟前
【Java】堆
java·开发语言
Lyyaoo.36 分钟前
【Java基础面经】Java 反射机制
java·开发语言·python
雨浓YN36 分钟前
OPC UA 通讯开发笔记 - 基于Opc.Ua.Client
笔记·c#
m0_694845571 小时前
UVdesk部署教程:企业级帮助台系统实践
服务器·开发语言·后端·golang·github
泉飒1 小时前
C2001: 常量中有换行符-QT解决办法-逆向思路
开发语言·qt
ghie90901 小时前
基于学习的模型预测控制(LBMPC)MATLAB实现指南
开发语言·学习·matlab
咚为1 小时前
Rust 经典面试题255道
开发语言·面试·rust
十六年开源服务商1 小时前
家庭装修公司网站方案策划2026
java·开发语言
Mr_Xuhhh1 小时前
深入理解Java高级特性:反射、枚举与Lambda表达式实战指南
开发语言·python