如何在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,项目,图标库,字体,图标 来源: https://blog.csdn.net/liuhuili_111/article/details/121569145
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。