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

 时间:2026-02-18 08:41:15

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怎么获得
  • 吃鸡如何不拾取三级包
  • 炉石传说中使用奥秘卡的上限
  • 英雄联盟如何允许表情气泡显示
  • 热门搜索
    欠条怎么写 duck怎么读 spring怎么读 电脑怎么下载软件 榴莲怎么挑 脚上起小水泡很痒是怎么回事 小米手环怎么连接手机 破折号怎么打 鸡汤怎么炖好喝 皮冻的做法大全