vue全局使用自定义字体

在src 下创建一个文件夹,创建一个css文件,把字体文件通过@font-face引入,在app.vue中进行全局配置

1、创建css文件,引入字体,添加如下代码

@font-face {
    font-family: "meet";
    src: url('xxx.ttf');
    font-weight: normal;
    font-style: normal;
}

2、在app进行全局配置,全局字体就可以了

<style >
  @import "./assets/css/font_face.css";
  * {
    font-family: "meet";
  }
</style>

猜你喜欢

转载自blog.csdn.net/xiaopihair123/article/details/128874530