uni-app引入iconfont自定义图标

1.在iconfont中选择图标，点击下载代码

2.将下载的文件解压，将所有文件放入项目中，放在目录static下

3.在app.vue 引入

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

4.修改iconfont.css文件，将之前的相对路径，修改为绝对路径

@font-face {

font-family: "iconfont";

src: url('~@/static/iconfont.ttf?t=1643100394872')

format('truetype');

}

5.页面中使用

<span class="iconfont">&#xe8c3;</span>