1.进入阿里矢量图标库(www.iconfont.com)

2.登录,登录后进入图标管理----我的项目

3.新建项目,输入项目名,项目描述

阿里字体图标(iconfont)使用

4.进入图标库---官方图标库,将项目中所需的图标一起添加入库(购物车),最后添加至所建的项目(如:travel项目)

5.进入我的项目,点击下载至本地

阿里字体图标(iconfont)使用

6.下载完成时,在下载的压缩包解压,里面的.js文件和.html文件可丢弃,只需要iconfont.css文件和字体文件(如下图。红色圈住的文件可丢弃)

阿里字体图标(iconfont)使用

7.在项目文件夹src目录下新建assets文件夹,再文件夹assets目录下新建文件夹iconfont,将iconfont.css文件放在assets文件夹目录下,文字文件放在iconfont文件夹里(如下图)

阿里字体图标(iconfont)使用

 

阿里字体图标(iconfont)使用

8.修改iconfont.css里面的路径(如图)

阿里字体图标(iconfont)使用

9.在项目中引入iconfont.css文件,并使用,&#xe627这个是去阿里图标我的项目中移到自己需要的图标,然后点击复制代码(如图);

阿里字体图标(iconfont)使用

 

阿里字体图标(iconfont)使用

 

相关文章:

  • 2021-12-31
  • 2021-12-12
  • 2021-07-01
  • 2021-05-19
  • 2021-08-03
  • 2021-12-09
  • 2021-08-13
  • 2021-09-18
猜你喜欢
  • 2021-08-10
  • 2021-08-13
  • 2021-10-25
  • 2022-01-01
  • 2021-12-09
相关资源
相似解决方案