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.页面中使用

 

你可能感兴趣的:(html,前端)