vue超简单加载字体方法,解决scss难加载字体的问题

vue超简单加载字体方法,解决scss难加载字体的问题

scss在加载字体方面一直不太好用,需要繁杂的配置才能达到想要的效果,这里说一种非常简单的方法

App.vuestyle标签下引入字体文件后,scss设置的字体依旧可以正确识别,注意style的lang不要写,就使用原生css

示例引入

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

然后想要的位置设置font-family为pingfang即可,自己定义别的名字也可以

posted @ 2020-01-16 22:34  墨抒颖  阅读(2346)  评论(0编辑  收藏  举报