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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

2 个回复

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

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

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

小刘11 (作者)

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

2024-10-15 16:15
小刘11 (作者)

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

2024-10-15 16:15

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

已上传附件

test2.zip

DCloud_UNI_OttoJi

好

2024-10-15 16:16
DCloud_UNI_OttoJi

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

2024-10-15 16:45

要回复问题请先登录或注册

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

预期结果：

能够在h5正常显示

实际结果：

无法显示

bug描述：

2 个回复

公告

相关问题

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

预期结果： 能够在h5正常显示

实际结果： 无法显示

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

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

预期结果：

能够在h5正常显示

实际结果：

无法显示