<view class="d-flex-row">
<u-icon style="border:1px solid blue;width:50px;height:50px;" name="photo" size="30"></u-icon>
<u-icon style="border:1px solid red;width:50px;height:50px;" name="photo" size="30" class="m-l-20" :bold="true"></u-icon>
</view>
- 发布:2023-03-09 16:00
- 更新:2023-03-09 16:00
- 阅读:264
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 教育版 21H2
HBuilderX类型: 正式
HBuilderX版本号: 3.7.3
手机系统: Android
手机系统版本号: Android 10
手机厂商: OPPO
手机机型: oppo Find X
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
更改系统其他字体,并且设置粗体属性后,两个图标都正常显示,一个加粗一个不加粗
更改系统其他字体,并且设置粗体属性后,两个图标都正常显示,一个加粗一个不加粗
实际结果:
加粗的图标没显示,不加粗的显示了
加粗的图标没显示,不加粗的显示了
bug描述:
设置其他系统字体后,nvue通过addRule引入的字体图标,设置fontWeight后不显示图标,测试了几款机型,小米,华为,真我都是默认字体,加上粗体属性都没问题,就一款oppo find x设置了其他字体发现了这个问题,去掉fontWeight属性或者把系统字体改成系统默认的以后,图标就显示出来了。