如何从iconfont中获取字体图标并应用到微信小程序中去？

下面我们一一个微信小程序的登录界面的制作为例来说明，如何从iconfont中获取字体图标是如何应用到微信小程序中去的。首先我们看效果。

这里所有的图标，都是从iconfont中以字体的形式来加载的，也就是说，我们自始至终没有使用一张图片。
如果这就是你要追求的效果，那么我们下面开始一步一步带你如何实现。

一、获取资源

打开网站：https://www.iconfont.cn/，如果你没有注册账号，最好是使用微信注册一个账号，这样后面你正在编写的微信小程序项目就会自动识别在这个网站平台上。

1、选择图标

首先，在iconfont中选择好你需要的图标，添加进入你的购物车，然后加入你的项目

2、下载

下载字体包文件，我们主要是获取其中的iconfont.css文件，在微信小程序中我们要用到它来显示字