微信小程序中使用阿里字体图标（无需下载字体文件到本地）

在微信小程序中使用iconfont字体图标（无须下载字体文件到本地）

首先进入阿里字体图标网站 阿里字体图标官网点击进入 在搜索框中输入自己想要的图标，如下图所示

2.搜索出图标后点击自己想要的图标，加入到自己的库中如图所示

3.选择好自己的图标后，点击网站右上角的的购物车按钮，将自己选中的图标添加至项目中 如下图所示

4.点击添加至项目后，会出现如图所示的界面，如果没有项目的点击新建项目即可

5.将图标加入自己想要加入的项目中，然后点击确定

6.点击第4步中的确定按钮后，会跳转到如下图所示页面，点击复制代码

7.重点来了，将复制的代码用浏览器的搜索栏打开，并点击回车 ，无需下载字体文件， 如图下所示

8.浏览器将出现字体文件css样式 ，将文件中的css样式全部复制 如下图所示

9.在微信开发者工具里，新建iconfont.wxss文件 ，将代码粘贴到这个文件中如图

10.在app.wxss文件中引入你上一步新建的字体文件 @import ‘iconfont.wxss’

11.使用字体图标 注意：必须要添加 iconfont类名、 icon-bofang1 类名表示你使用的那个字体图标 ； 如图