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

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便可,本身定義別的名字也能夠