vue中通过在线链接使用iconfont阿里图标库FontClass

看项目原来的都是将图标下载到本地，然后引入css文件。查了些文章也都是介绍的，先将图标下载到本地再导入。
那么在项目开发中，时不时就会需要加入新的图标。这时候每次都要重新将图标下载到本地再导入。觉得十分麻烦。

这里介绍用在线链接来引入。更新图标后只需要替换iconfont生成的链接。

1. 加图标加入导项目后，选择font class 。 生成链接，复制这个链接。
   

2.在assets下新建一个icons文件夹，并新建一个css文件。

3.在css文件里，通过@import 刚刚复制的链接

4. 在main.js里面引入这个css文件。
   

5. 使用图标
   完成以上步骤后，已经可以在vue文件里使用图标了。

新加图标后，更新链接。并且在项目中替换成这个新的链接。

这样每次更新图标，我们只需要在css文件里替换掉链接就可以了。