vue2项目中添加字体文件
1、下载相关文件,放置文件夹中,这里我是在assets文件中新建了fontFamily
2、在assets文件中新建css文件
3、在页面中使用
<style lang="less" scoped>
@import '../../assets/css/fonts.less';
.total-wrap {
display: flex;
flex-direction: column;
position: absolute;
font-family: DS-Digital;
font-weight: bold;
}
.total-zhang {
margin-left: .03rem;
color: rgba(255, 255, 255, 1);
font-size: .18rem;
font-family: SourceHanSansCN-Medium;
font-weight: 500;
}
</style>
经过以上操作,就可以看到页面中字体样式发生了变化。