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

相关推荐
小咕聊编程2 分钟前
【含文档+PPT+源码】基于java web的篮球馆管理系统系统的设计与实现
java·开发语言
唐青枫16 分钟前
C#.NET DbContext 池化机制深入解析:提升 EF Core 性能的关键
c#·.net
我狸才不是赔钱货1 小时前
Python的“环境之殇”:从Venv到Conda的终极抉择
开发语言·python·conda
努力进修1 小时前
Rust 语言入门基础教程:从环境搭建到 Cargo 工具链
开发语言·后端·rust
张人玉4 小时前
如何使用Advanced Installer打包C#程序生成安装程序
c#·打包·advanced·installer
葛小白15 小时前
C#数据类型:string简单使用
服务器·数据库·c#
杯莫停丶6 小时前
设计模式之:模板模式
开发语言·设计模式
开发者小天6 小时前
调整为 dart-sass 支持的语法,将深度选择器/deep/调整为::v-deep
开发语言·前端·javascript·vue.js·uni-app·sass·1024程序员节
老猿讲编程7 小时前
C++中的奇异递归模板模式CRTP
开发语言·c++
汤姆yu9 小时前
基于python的化妆品销售分析系统
开发语言·python·化妆品销售分析