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

2020-06-09  本文已影响0人  程序马

1,下载iconfont文件

2,点击Unicode

复制代码

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

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

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

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

7,<view class="iconfont iconsearch_city"  ></view>使用

带彩色的图标使用

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

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

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

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

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

f,<view class="t-icon iconsearch_city"  ></view>使用

上一篇 下一篇

猜你喜欢

热点阅读