第一步 下载自己喜欢的图标
我用嘚是阿里巴巴矢量图库在找到自己喜欢的图标,加入购物车如图:
因为小程序的wxss文件的font-face的url不接受http地址作为参数,但可以接受base64,因此需将字體文件下载后,转换为base64,然后引用
第三步 微信小程序使用图标
-
我们把上一步的文件打开,如图再把里面的stylesheet.css就是我们所需要的,我们打开stylesheet.css:
-
我们再打开第一步(第一步 下载自己喜欢的图标)中下载的文件即一开始还没转换用download.zip解压的文件打开里面的iconfont.css
- 好啦,现在就是怎么用的問题啦我是把stylesheet.css改了个名字和后缀(注意改后缀噢!!上次忘记了没有改成wxss还是用的css结果一直找不出bug啊摔杯子),把他放进微信小程序的公共文件里面然后把整个文件import到页面的样式表里
然后就可以用啦,如图!