1.打开http://www.iconfont.cn官网,搜索你想要的图标。添加字体图标到购物车,点击购物车然后添加至项目,点击确定

vue 中使用iconfont Unicode编码线上字体图标的流程

 

2.点击图标管理/我的项目,找到对应的文件,点击Unicode,然后生成在线链接

vue 中使用iconfont Unicode编码线上字体图标的流程

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.新建iconfont.css文件,把在线生成的代码粘贴复制进去即可

4.定义使用iconfont样式,把下面代码复制到iconfont.css里面

.iconfont{


5.在Footer.vue 中引入css文件 `@import '../assets/css/iconfont.css'`
6.在HTML中需要使用到图标
<i class="iconfont">&#xe604;</i>     <!--里面写上你想用的图标下面的Unicode-->


 

 

 

相关文章:

  • 2021-05-04
  • 2022-12-23
  • 2022-01-04
  • 2021-08-29
  • 2021-11-24
  • 2022-12-23
  • 2021-04-19
  • 2021-09-26
猜你喜欢
  • 2021-10-22
  • 2021-11-18
  • 2022-12-23
  • 2021-05-15
相关资源
相似解决方案