欢迎光临
我们一直在努力

iconfont我修改好颜色,但是在小程序项目是黑色的

这个iconfont我修改好颜色,但是在小程序项目是黑色的
在这里插入图片描述

完整操作路径
打开阿里 iconfont 官网,登录你的账号
顶部导航栏 → 鼠标放在「资源管理」上 → 点击 「我的项目」
在项目列表里,打开你正在用的这个图标项目
项目页面的顶部右边,有一个「项目设置」 按钮,点击它
弹出的设置弹窗里,往下滑,找到 「字体格式」 板块
你就能看到「彩色」的勾选框了,打勾,然后点击「保存」
在这里插入图片描述
在这里插入图片描述
勾完彩色保存后,回到项目页面,点击「下载至本地」,重新下载完整的字体包,替换你小程序项目里原来的 iconfont 文件,清除缓存编译就生效了。

然后更新,下载到本地,解压将文件覆盖项目的文件
在这里插入图片描述
在这里插入图片描述
覆盖完之后报错
在这里插入图片描述
图标颜色没有生效,改地址
在这里插入图片描述
这个报错是字体文件路径不匹配
在这里插入图片描述
改成绝对定位
在这里插入图片描述

@font-face {
font-family: “iconfont”;
src: url(‘/static/iconfont/iconfont.ttf’) format(‘truetype’),
url(‘/static/iconfont/iconfont.woff’) format(‘woff’),
url(‘/static/iconfont/iconfont.woff2’) format(‘woff2’);
}

在这里插入图片描述

赞(0)
未经允许不得转载:171主机测评 » iconfont我修改好颜色,但是在小程序项目是黑色的
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址