3***@qq.com
3***@qq.com
  • 发布:2022-03-03 17:24
  • 更新:2022-03-03 17:27
  • 阅读:671

【报Bug】IOS平台nvue无法使用字体图标

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.3.11

手机系统: iOS

手机系统版本号: iOS 15

手机厂商: 苹果

手机机型: iphoneXr

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <text>我是index</text>  
        <text class="icon">&#xe668;</text>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                key: ""  
            }  
        },  
        beforeCreate() {  
            // 引入字体图标  
            const domModule = weex.requireModule('dom')  
            domModule.addRule('fontFace', {  
                "fontFamily": 'iconfont',  
                "src": "url('https://at.alicdn.com/t/font_3161603_3jst63nmqpi.ttf')"  
            });  
        }  
    }  
</script>  

<style>  
    .icon {  
        font-family: iconfont !important;  
        font-size: 60rpx;  
        color: #FF0000;  
    }  
</style>

操作步骤:

[]

预期结果:

[]

实际结果:

[]

bug描述:

nvue页面按照文档说明引入字体图标,字体图标是阿里巴巴生成的网络ttf链接,只显示一个wifi带斜杠的标志

2022-03-03 17:24 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

设置一个特殊的 font-family 名字试下,默认是 “iconfont”,但极大可能发生冲突,详见文档

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