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

相关推荐
于先生吖13 分钟前
国际语言适配拼车系统 JAVA 后端源码 + 同城顺风车功能全解析
java·开发语言
ID_1800790547320 分钟前
超详细:Python 调用淘宝商品详情 API 完整教程
开发语言·python
小恶魔巴巴塔30 分钟前
C语言避免头文件循环
c语言·开发语言
西西学代码33 分钟前
Flutter---构造函数
开发语言·javascript·flutter
计算机安禾1 小时前
【数据结构与算法】第10篇:项目实战:学生信息管理系统(线性表版)
开发语言·数据结构·算法·visual studio
MyBFuture1 小时前
Halcon模板匹配核心技术解析大全
开发语言·人工智能·计算机视觉·halcon·机器视觉
精神小伙就是猛1 小时前
使用go-zero快速搭建一个微服务(一)
开发语言·后端·微服务·golang
不会聊天真君6471 小时前
基础语法·下(golang笔记第三期)
开发语言·笔记·golang
客卿1231 小时前
最小生成树(贪心)--构造回文串(字符串 + 回文判断 + 构造)
java·开发语言·算法
Bert.Cai1 小时前
Python input函数作用
开发语言·python