如何在小程序中使用彩色的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怎么获得
  • 吃鸡如何不拾取三级包
  • 炉石传说中使用奥秘卡的上限
  • 英雄联盟如何允许表情气泡显示
  • 热门搜索
    跑步机减肥 减肥代餐粉 梦幻西游新手攻略 端午节旅游攻略 减肥瘦身视频 泰拉瑞亚肉山后攻略 怎么才能减肥 我的世界怎么挖到钻石 完全攻略 硬盘序列号怎么看