ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

C# wpf 字体图标预览,html字符与unicode转换

C# wpf 字体图标预览,html字符与unicode转换

在进行wpf 开发工作过程中遇到字体图标无法预览的问题,特此记录。
1、把需要预览的字体文件上传到网站上进行转换

Create Your Own @font-face Kits » Font Squirrel
2、下载文件后进行解压。

3、找到 Glyph Chart 查看字体html字符编码
4、在wpf中直接使用即可
 

 <TextBlock Text="&#59103;" FontFamily="{StaticResource Iconfont}" VerticalAlignment="Center" HorizontalAlignment="Center"RenderTransformOrigin="0.5,0.5" Name="arrow">

5、在代码中动态加载时,HTML字符无法识别,需要使用unicode编码。开发时需要进行编码转换。js转换代码
 

let desc= 58884;
let hex= desc.toString(16);
let unicode = "\\u"+hex;
console.log(unicode);

运行结果:

6、看下最终效果

返回列表