uniapp 本地字体文件的使用

1.全局定义自定义字体，在app.vue中(不想在全局的话，只要在对应页面定义即可)

<style lang="scss">

@font-face {
    font-family: 'MyXieTi';
    /* 定义字体家族名称 */
    src: url('~@/static/ziti/xieti.ttf') format('truetype');
    /* 指定字体文件路径和格式 */
    font-weight: normal;
    font-style: normal;
  }



</style>

2.在对应的类名中添加

<style lang="scss">
.myZt{
    font-family: 'MyXieTi', 'Source Han Sans CN', sans-serif;
}

</style>

注意：'MyXieTi'和'~@/static/ziti/xieti.ttf'自定义，剩余内容固定