选一个公关配置的文件夹,放置字体
然后在全局配置的地方引入这个字体文件,根据自己当前项目的路径去配置
把需要改变字体的样式改成设置的字体就可以
假如还想把数字改成以千分位分割的逗号形式的,如下
<template>
<div>
<div class="ceshi">{{amount}}</div>
</div>
</template>
<script>
export default {
data() {
return {
amount:"",//数字
}
},
created(){
this.amounts = this.numFormat(36000);
},
methods:{
numFormat(num) {//数字用,隔开(千分位加逗号)
var c =
num.toString().indexOf(".") !== -1
? num.toLocaleString()
: num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
return c;
},
}
}
</script>
<style>
.ceshi{
font-size: 15px;
font-family: "DINO"; //导入的自定义字体
font-weight: bold;
color: rgba(48, 48, 48, 1);
}
</style>
展示图如下,这样就看起来很美观