1.先去阿里图标库  https://www.iconfont.cn/ 选择需要的图标然后加入购物车

将其代码下载下来

2.解压之后得到这些文件

3.然后访问这个网站 https://www.giftofspeed.com/base64-encoder/  选择这个文件iconfont.ttf

4.复制生成的base64代码

5打开iconfont.css文件  .删掉最上面这些

7.删了之后把这个加上去（与其说删了不如说替换

@font-face {
  font-family: "iconfont";
  src: url(data:font/truetype;charset=utf-8;base64,这里替换成刚才复制的很长的字母) format('truetype');
}

最后再 App.vue的style里面引入

@import "./static/font/iconfont.css";

在项目中使用 就可以了

<text class="iconfont youjiantou"></text>

分享到：

打赏