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

相关推荐
Tim_108 分钟前
【C++入门】02、C++程序初识
开发语言·c++
lkbhua莱克瓦2416 分钟前
项目知识——Next.js App Router体系
开发语言·javascript·项目知识
Cricyta Sevina21 分钟前
Java 语言多线程核心概念全解析
java·开发语言
缘三水28 分钟前
【C语言】15.指针(5)
c语言·开发语言·指针·语法
爱吃大芒果29 分钟前
从零开始学 Flutter:状态管理入门之 setState 与 Provider
开发语言·javascript·flutter
清风拂山岗 明月照大江37 分钟前
简单文件 IO 示例:使用系统调用读写文件
开发语言·c++·算法
技术净胜38 分钟前
MATLAB文本文件读写实操fopen/fscanf/fprintf/fclose全解析
开发语言·matlab
编织幻境的妖1 小时前
Python垃圾回收机制详解
开发语言·python
BrianGriffin1 小时前
JS異步:setTimeout包裝為sleep
开发语言·javascript·ecmascript