Vue项目全局引入Iconfont(阿里巴巴图标库)

注册

注册阿里巴巴账号不必多说

https://www.iconfont.cn/

搜索你喜欢的图标，然后加入购物车（不需要花钱的，免费的，不知道他为何弄成了购物车，马云想钱想疯了）

完事就添加至项目，没有项目的话就新建一个，这个项目和你的vue项目没有直接关系，随便建，重要的是这个项目生成的链接

然后点开我的项目，选择你添加的那个项目，然后选择symbol（那几个我也不知道是干啥用的）
下面你添加的图标你可以自己改名，每添加一个图标，你的链接就都会变，这里请注意，如果你多添加了图标，一定要记得更新你的链接。

这里的引用，即使没网也能用，我也不知道为啥，按说这应该是在线的啊，没网应该用不了，但是很奇怪，居然也能用。。。有待考究

Vue项目中引用

这里我的引用方式是参考的ant的引用方式，但是和他又有所区别

我的是在main.js里面直接全局引用就好了

// 全局引用IconFont
import { Icon } from 'ant-design-vue'
const IconFont = Icon.createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_2408392_0wem5iag1rd.js'
})
Vue.component('icon-font', IconFont)

使用

在使用的地方直接这样写就可以了，无论那个文件，因为你已经做了全局的引用，这个type就是上面你的图标的名字，OK，完事~

 <icon-font type="iconditu"></icon-font>