uni-app uni-icons显示乱码问题

最新推荐文章于 2025-07-01 17:52:55 发布

原创最新推荐文章于 2025-07-01 17:52:55 发布 · 2.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app

博客指出在uni-app里存在font-family样式覆盖uni-icons样式的问题，导致引用图标显示为方框无法正常显示。解决方法是重新定义uni-icons的font-family，并设置高层级样式，以避免被覆盖。

uni-app uni-icons显示乱码问题

主要问题是font-family

主要问题是font-family

一、如图1.1、1.1，1.2所示
1.1

图1.2
图1.3
图1.1中引用图图标为location-filled，settings；但是在图中显示为方框，无法正常显示。
图1.3中是当前的属性定义字体样式为font-family
原因是因为当前样式font-family覆盖uni-icons的样式
二、解决方法
将uni-icons重新定义fongt-family，如图1.4所示
图1.4
在样式中重新定义uni-icons，因为会被覆盖，因此得设置高层级