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便可,本身定义别的名字也能够