通过css引入外部字体来使用第三方字体

第一步：声明字体名称

@font-face{
    font-family: 'weiyang';
    src : url('../static/weiyangjianti.ttf');   /*有坑，写相对路径，绝对路径没有效果*/
}

第二步：引用字体

div{
    font-family: 'weiyang';
    font-size: 16px;
}

 

在vue中引用，在app.vue中引入css文件（这里是以scss语法格式引入的）

<style>
@import "./assets/font/font.css";   //有坑，不加分号报错
</style>