如何引入阿里线上的iconfont至nuxt.js项目
icon是前端项目必不可少的一部分，其它的使用方法在此不再说明，主要说一下如何直接引用线上iconfont
阿里icon库
首先注册/登录阿里的icon库 https://www.iconfont.cn/ ；
然后挑选你所需要用到的icon到你的购物车
挑选完毕后，点击购物车，选择添加至项目（第一次会让你新建项目）
然后会跳转到你的项目，选择Font class后，点击查看在线链接并复制
1.jpg
nuxt.js项目
打开你的 nuxt.config.js 文件 ，全局引入该css
在head部分，引入你刚复制的链接
2.jpg
- 然后在需要用到的地方，通过样式便可引入：
<i class="iconfont icon-mail" style="width: 50px; height: 50px;"/>
此处的 icon-mail 对应你在 阿里iconfont 上所选择的图标下方的名字
3.png
注：说明一下，当你需要图标的时候，一次性选择完，否则，你再添加图标的时候，他会实时的更新网上的在线地址，这时就需要你把link中的在线地址，在重新更新一下，否则前面的图标，也不会显示
注:在线地址的图标也是可以改变大小font-size和颜色的
