【报Bug】ios nvue页面weex.requireModule('dom').addRule() 引入字体文件渲染页面正常，当路由进入下一页回退到该页面，字体图标乱码

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10 19043.1645

HBuilderX类型：正式

HBuilderX版本号： 3.5.3

手机系统： iOS

手机系统版本号： iOS 15

手机厂商：苹果

手机机型： 8

页面类型： nvue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<text class="icon custom-icon-fenxiang">{{ iconfont.share }}</text>

data() {  
    return {  
        iconfont: {  
            share: '\ue8b0',  
            download: '\ue60d',  
            upload: '\ue6b7'  
        }  
    }  
},  
onLoad () {  
    const path = `url('data:font/truetype;charset=utf8;base64,${iconbase64}')`  
    dom.addRule('fontFace', {  
        fontFamily: 'iconfont2',  
        src: `url('data:font/truetype;charset=utf-8;base64,${iconbase64}')`  
    })  
},

操作步骤：

在nvue页面引入base64字体文件，然后正确渲染，路由到其他页面然后回到该页面执行刷新或其他重绘操作

预期结果：

字体图标正确渲染

实际结果：

字体图标乱码

bug描述：

字体文件为base64，通过dom.addRule引入，渲染页面正常，但当页面进入下一页，用户操作完回到该页面，进行刷新或者其他导致页面重绘的操作，字体图标乱码

2022-09-09 14:48 负责人:无分享

1 个回复

binggo (作者)

尝试在onShow生命周期重新引入字体文件和重新赋值data定义的iconfont，都无法解决该问题

该问题目前已经被锁定, 无法添加新回复

【报Bug】ios nvue页面weex.requireModule('dom').addRule() 引入字体文件渲染页面正常，当路由进入下一页回退到该页面，字体图标乱码

操作步骤：

在nvue页面引入base64字体文件，然后正确渲染，路由到其他页面然后回到该页面执行刷新或其他重绘操作

预期结果：

字体图标正确渲染

实际结果：

字体图标乱码

bug描述：

1 个回复

公告

相关问题

【报Bug】ios nvue页面weex.requireModule('dom').addRule() 引入字体文件渲染页面正常，当路由进入下一页回退到该页面，字体图标乱码

操作步骤： 在nvue页面引入base64字体文件，然后正确渲染，路由到其他页面然后回到该页面执行刷新或其他重绘操作

预期结果： 字体图标正确渲染

实际结果： 字体图标乱码

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

操作步骤：

在nvue页面引入base64字体文件，然后正确渲染，路由到其他页面然后回到该页面执行刷新或其他重绘操作

预期结果：

字体图标正确渲染

实际结果：

字体图标乱码