hbuilder上真机运行无法显示自定义的iconfont图标

hs_y_dm 2017-10-08 03:23:05

在hbuilder的自带窗口上是正常显示的，但是真机运行的时候手机上无法显示自定义的阿里iconfont图标，可以显示mui自带的图标库，检查过了，iconfont.ttf文件路径没错，页面上也引入了iconfont.css文件，手机是小米note2，安卓5.0，是支持显示自定义的图标的，下面是iconfont.css和html文件部分代码以及hbuilder自带窗口的运行结果截图，可以正常显示iconfont图标

下面是真机运行时无法显示的截图，连方框都没有，有点过分了

...全文

1160 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

喵喵流口水 2021-07-14

打赏
举报

回复

直接将图片下到static文件夹吧

讲解如何使用Hbuilder打包App的使用。

解决Hbuilderx真机运行时，手机上无法显示自定义的iconfont图标问题

在cdn前面加上 https: 即可如<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1145523_9uc3n9wl4rk.css"/>

详细问题描述在 .nvue 页面使用阿里的 Iconfont 图标会失效，但是使用自己的 .png 图片不会失效，在 .vue 中使用都不会失效，都是 .png 格式，这些都是在真机上预览的重现步骤[步骤] 在阿里图标库下载任何一个 .png 格式的图标，在 .nvue 页面使用[结果] 不显示图标[期望] 显示图标IDE运行环境说明[HBuilder 或 HBuilderX。如果你用其...

有网友描述是app.json中pages中的第一个页面不是tabBar配置中list[0]的第一个页面大导致"pages":[],"list": ["text": "类型",},"text": "首页",},"text": "详情",},"text": "购物车",},"text": "我的",},效果展示：顺序互不干涉是可以显示的！！！可能是以下几个原因导致底部tabBar不显示图标：图标路径错误：请检查图标路径是否正确，建议使用相对路径。

移动开发其他问题

790

社区成员

13,285

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章