如何在小程序中使用彩色的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怎么获得
  • 吃鸡如何不拾取三级包
  • 炉石传说中使用奥秘卡的上限
  • 英雄联盟如何允许表情气泡显示
  • 热门搜索
    捉襟见肘是什么意思 可盐可甜是什么意思 18kgp什么意思 什么动物可以贴在墙上 内分泌失调是什么意思 订婚送什么礼物 蜂蜜什么牌子好 w是什么意思 什么是试婚 西洋参的作用与功效