小刘11
小刘11
  • 发布:2024-10-15 14:10
  • 更新:2024-10-15 16:14
  • 阅读:124

【报Bug】uniapp项目里引入的字体图标在小程序正常显示 在h5内无法显示

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 专业版 19044.1586

HBuilderX类型: 正式

HBuilderX版本号: 4.15

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: iphone11

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

···@font-face {
font-family: "iconfont-tabbar"; / Project id 4032548 /
src: url('/static/iconfont/iconfont.ttf?t=1728961944978') format('truetype');
}

.iconfont-tabbar {
font-family: "iconfont-tabbar" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}···

预期结果:

能够在h5正常显示

实际结果:

无法显示

bug描述:

uniapp项目里引入的字体图标在小程序正常显示 在h5内无法显示

2024-10-15 14:10 负责人:无 分享
已邀请:
DCloud_UNI_OttoJi

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题,如果艾特我没看到,请主动私信

图标问题,给一个单页面源码吧,说明 tmepalte+css 这些,h5 里不能正确展示,控制台有报错吗

看 css 没啥问题,多余的样式删除了试试,看看问题在哪里出现的

  • 小刘11 (作者)

    附件已上传,他这个bug是存在两个字体图标文件的时候才会触发的

    2024-10-15 16:15

  • 小刘11 (作者)

    应该是被另一个字体图标文件给影响了

    2024-10-15 16:15

小刘11

小刘11 (作者) - 我是小刘

已上传附件

  • DCloud_UNI_OttoJi

    2024-10-15 16:16

  • DCloud_UNI_OttoJi

    我测试你的 demo,应该是 iconfont 这个 class 没有定义导致的,搜了一下没结果

    2024-10-15 16:45

要回复问题请先登录注册