vue超簡單加載字體方法,解決scss難加載字體的問題

scss在加載字體方面一直不太好用,需要繁雜的配置才能達到想要的效果,這里說一種非常簡單的方法

在App.vue的style標簽下引入字體文件后,scss設置的字體依舊可以正確識別,注意style的lang不要寫,就使用原生css

示例引入

<style>
@font-face{
    font-family: pingfang;
    src: url('./style/pingfang.ttf')
}
</style>

然后想要的位置設置font-family為pingfang即可,自己定義別的名字也可以