将阿里图标https://www.iconfont.cn/下载下来的文件拷贝到项目
在公共文件app.vue中输入以下:
/*每个页面公共css */
@font-face {
font-family: 'iconfont';
src: url('~@/static/font/iconfont.ttf') format('truetype');
}
.iconfont {
font-family: iconfont;
}
i{font-style: normal;}
*{font-family: "微软雅黑";}
input,textarea{font-size: 28rpx;}
其中URL的路径是你存放文件的路径,一定要核查改对
之后就可以在HTML中使用了例如:
<i class="iconfont">3</i>
//一定要写上类iconfont;
然后拷贝划红线的所有字体就可以了。在这里看红线字符(是在你从阿里图标上下载的文件中的):