教你怎样在微信小程序中使用iconfont字体图标

有时候在小程序中我们也需要用到字体图标，要怎样使用呢？其实非常简单，只需要以下几步就可以了

1.在阿里iconfont网站新建一个项目，将你这个项目需要的所有图标都添加到项目中。如图

2.下载完成之后，解压文件，会看到文件夹中有个iconfont.css文件，在小程序项目的根目录下新建一个文件夹，把下载下来的iconfont.css文件拷贝到新建的文件夹中
3.把iconfont.css文件改成iconfont.wxss文件，因为微信不支持css文件，只支持wxss文件
4.可以看到文件中有这样的样式
.icon-yuedu:before { content: “\e639”; }

.icon-shouye:before { content: “\e611”; }

.icon-shoucang:before { content: “\e7a9”; }

.icon-dianying:before { content: “\e6ee”; }

5.哪里需要用到字体图标就在哪个页面的wxss文件中引用就可以了，想要全局使用的话就直接在app.wxss中引用
@import “文件夹名/iconfont.wxss”
6.在元素上直接添加类名"iconfont icon-yuedu" 这样就可以使用图标了