iconfont使用 或者项目后再次追加

01.使用

icongont官网：https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2

01.添加到购物车并下载代码 得到一个压缩包并解压

02.（.css .html .css .js .json .ttf）六个文件放入项目
03.更改iconfont.css

[class^='icon'] { //表示icon开头的样式
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

04.mian.js引入iconfont.css就可以使用了

mian.js
import '@/assets/font/iconfont.css'

vue组件中
<div class="icon-a-xingbienanshitouxiang"></div>
<i class="icon1111111">&#xe775;</i>

02.追加图标

02.1 还是正常下载压缩包并解压

02.2 （eot svg ttf woff）这四种文件更改一下名字（防止冲突）后放入原有的文件夹里

02.3 进入原来的iconfont.css添加代码

02.4 为了方便以后查看，还需要将新的html部分代码加到原来的html
就2部分，都是li

往下滑还有

现在就能用了！！！