用wepy框架开发微信小程序中怎么使用iconfont字体图标的问题

第一步：进入Iconfont-阿里巴巴矢量图标库，把自己在项目中用到的图标加入购物车

add-iconfont.png

第二步：点击购物车再添加到项目（也可以下载到本地，主要看个人喜欢，我还是比较喜欢添加到项目当中，以后再想添加其他图标，直接加入项目即可，方便一键下载。）

add-to-project.png

第三步：打开项目，可以看到刚选择的图标都在里面。点击生成链接，然后复制链接到浏览器中，会得到一个css文件（也可以点 下载至本地，将这些图标字体打包下载到本地。）

link.png css-file.png

第四步：进入你的项目目录中创建一个文件，把刚才在浏览器中看到的css文件复制一下然后粘贴到你创建的文件里，（小程序的内核版本应该比较高，在微信内部打开不用考虑兼容性问题，所以我们只用引 iconfont.css 这一个文件即可。）还要修改一下文件的@font-face的内容，只保留base64的url那一行其余的都删掉

less.png

第五步：在app.wpy中使用@import引入iconfont.less文件即可全局使用iconfont字体图标

import.png

第六步：使用字体图标

use-iconfont.png result.png

最后，哈哈哈ok啦