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即可,自己定义别的名字也可以
本文来自博客园,作者:墨抒颖,转载请注明原文链接:https://www.cnblogs.com/moshuying/p/12203598.html