在vue项目中使用第三方的字体图标库

本文主要是介绍在vue项目中使用第三方的字体图标库，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

如何在vue项目中使用第三方的字体图标库

以在vue项目中导入阿里字体图标库为例

1、打开阿里字体图标库的官方网址
https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a

2、选择自己需要的字体图标，下面做演示

3、选择自己需要的字体图标

4、加入购物车

5、查看自己加入购物车的图标
6、添加到项目

7、创建到项目

8、添加到自己的项目中

9、下载到本地

10、保存到本地

11、解压压缩包

12、将解压过的文件夹复制到自己所需要的文件夹中，这里复制到我的项目中，不同的项目自行选择

13、先在项目的入口文件 main.js 中导入字体图标库

14、查看所需要的类名

15、把icon图标引入到项目中

16、在需要引用字体图标的组件中引用字体图标

17、效果

这篇关于在vue项目中使用第三方的字体图标库的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！