uniapp中如何使用阿里矢量图

初学uniapp，发现一个图标，在uniapp和组件库中都没有，该怎么搞
1.打开阿里矢量库https://www.iconfont.cn/
2.找到素材进行下载到本地
3.在uniapp项目的static创建一个iconfont文件夹，把刚刚下载的文件放进去

4.因为里面的路径一般都是不准确的，所以需要修改，从根目录开始

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('@/static/iconfont/iconfont.ttf?t=1668067157262') format('truetype');
}

5.需要将css文件引入到项目中
所以需要在app.vue

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

6.在页面使用

给标签加类名
<text class="iconfont icon-icon_yuyin"></text>

最后效果：