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

相关推荐
徐先生 @_@|||31 分钟前
Palantir Foundry 五层架构模型详解
开发语言·python·深度学习·算法·机器学习·架构
tang777891 小时前
爬虫如何绕过绕过“5秒盾”Cloudflare:从浏览器指纹模拟到Rust求解之不完全指南
开发语言·爬虫·rust·cloudflare
Yuer20251 小时前
什么是 Rust 语境下的“量化算子”——一个工程对象的最小定义
开发语言·后端·rust·edca os·可控ai
hqwest1 小时前
码上通QT实战26--系统设置01-系统设置布局
开发语言·qt·qss·qt基础控件·qt布局控件·qt表格控件
薛定谔的猫19821 小时前
llama-index Embedding 落地到 RAG 系统
开发语言·人工智能·python·llama-index
jghhh012 小时前
传递对准MATLAB仿真程序
开发语言·matlab
编程武士3 小时前
Python 各版本主要变化速览
开发语言·python
hqwest3 小时前
码上通QT实战29--系统设置04-用户操作管理
开发语言·qt·模态窗体·addbindvalue·bindvalue
专注于大数据技术栈3 小时前
java学习--LinkedHashSet
java·开发语言·学习
这个图像胖嘟嘟3 小时前
前端开发的基本运行环境配置
开发语言·javascript·vue.js·react.js·typescript·npm·node.js