如何在小程序中使用彩色的iconfont

 时间:2026-04-25 21:13:21

1、前往iconfont官网下载字体文件

如何在小程序中使用彩色的iconfont

2、解压文件夹得到iconfont文件

如何在小程序中使用彩色的iconfont

3、在文件夹所在的目录打开一个命令行窗口,或者切换到iconfont文件目录:

输入命令行:

npm  install  -g  iconfont-tools

如何在小程序中使用彩色的iconfont

4、安装成功后:

运行命令行: iconfont-tools

输入自定义内容

生成目标文件: iconfont-weapp

如何在小程序中使用彩色的iconfont

5、打开文件夹: iconfont-weapp

如何在小程序中使用彩色的iconfont

6、复制iconfont-weapp-icon.wxss到项目文件夹

app.wxss里引入文件

然后在需要图标的文件里添加class: t-icon  t-icon-iconName

如何在小程序中使用彩色的iconfont

  • 命运冠位指定如何扩张概念礼装保管栏位?
  • dnfpt怎么获得
  • 吃鸡如何不拾取三级包
  • 炉石传说中使用奥秘卡的上限
  • 英雄联盟如何允许表情气泡显示
  • 热门搜索
    离合器是什么 btw是什么意思 silk是什么意思 一朵花儿开就有一朵花儿败什么歌 distance是什么意思 什么是蛋白尿 cqy是什么意思 cookie是什么 cfo是什么职位 无锡有什么好玩的地方