vue/cli 4.x 如何使用阿里巴巴字体图标

1。 官网找自己需要的图标，选择下载代码。

2。下载完解压包，选取里面的以下4个文件，可在src/assets 文件夹下新建文件夹iconfont （文件夹名字随意，只要iconfont.css文件引入url正确即可），把上面这4个文件放入里面。

3。选取iconfont.css 文件夹，同样在src/assets文件夹里面新建styles文件夹，里面放入iconfont.css 文件。

4。划重点：iconfont.css 里面有引入第2步那4个文件，所以你要根据实际情况改动url。不然路径不正确无法显示图标。

5。在你需要用到图标的文件引入iconfont.css文件

import ‘./assets/styles/iconfont.css/’

6。注意：字体类目之前都需要加iconfont 这个类目。

以上完结。