如何在小程序中使用彩色的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怎么获得
  • 吃鸡如何不拾取三级包
  • 炉石传说中使用奥秘卡的上限
  • 英雄联盟如何允许表情气泡显示
  • 热门搜索
    如何做微商代理 广州华南商贸职业学院怎么样 如何制作flash动画 怎么把隐藏的文件显示出来 生活用品 如何投资商铺 我酿的酒喝不醉我自己是什么歌 如何去掉页眉页脚 建行悦生活 隔板怎么固定在墙上