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');

}

相关推荐
wafrdggh10 小时前
2026 商城小程序平台哪个价格合理?把跨境附加成本这个坑算透
大数据·小程序
恩创软件开发2 天前
自助KTV系统管理员续单功能
经验分享·小程序
AI源码4 天前
在线考试小程序
小程序·notepad++
2501_916008894 天前
iPhone 设备信息查看,用 KeyMob 看型号、序列号、电池健康和 UDID
android·ios·小程序·https·uni-app·iphone·webview
云-缩影5 天前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
超级新零售6 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
xiezhr6 天前
我用workBuddy开发了自己的第一个小程序并成功上线了
ai·小程序·ai agent·workbuddy
sinat_267611917 天前
用 AI 开发微信小程序(八):一个极简收纳工具的开发复盘
微信小程序·小程序
李纲明7 天前
微信小程序真机预览白屏或 request 失败:先核 request 合法域名与 TLS,再查体验版与本地缓存
缓存·微信小程序·小程序·小程序开发·devdiy·真机预览·合法域名
klfdgl7 天前
线上商城小程序投入测算,有成熟开发经验服务商的长期收益对比
小程序