vue2项目中添加字体文件

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>

经过以上操作，就可以看到页面中字体样式发生了变化。