react中iconfont字体图标不显示问题

本文探讨了在使用iconfont字体图标时遇到的问题:直接写入HTML结构中可以正常显示,但在使用循环写入时却无法显示,而是直接显示字体编码。文章详细解释了解决该问题的方法,即如何正确地将Unicode编码转换为可识别的字体图标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如下图,

写四个圆圈,直接将iconfont的字体编码写在静态HTML结构中时显示没问题,然而明显这样的结构用循环写是更好的选择,

但是,页面上不能显示字体图片了,而是直接显示字体编码

原因是字体编码后面四位是Unicode编码,想使用字符串来传递的话,只要将 "" 改为 “\ue655” 即可。

正确显示的字体图标:

 

转载于:https://www.cnblogs.com/jlliu/p/5913274.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值