微信小程序中使用iconfont字体库(带彩色的)

1,下载iconfont文件


2,点击Unicode


复制代码

3,将下载的文件中的iconfont.css文件打开,建议直接重命名为iconf.wxss

4,将重命名后的文件拷贝至小程序工程目录


5,在需要引入的地方的wxss文件引入

6,将第二步复制的链接替换头部的@font-face部分

7,使用

带彩色的图标使用

a,安装工具 npm i -g iconfont-tools

b,进入到刚下载的字体库的目录下

c,运行 “iconfont-tools”,后续输入输出的文件名...

d,打开输出的文件中的iconfont-weapp-icon.css文件

e,全部替换掉iconf.wxss文件的内容

f,使用

你可能感兴趣的:(微信小程序中使用iconfont字体库(带彩色的))