vue+element-ui更换本地字体vue+element-ui更换本地字体
步骤⼀:下载otf或者ttf字体
以下载的思源⿊体为例,
放到vue⼯程下的任意⽂件夹下
步骤⼆:
创建⼀个css⽂件,内容如下:font-family的名称⾃⼰取⼀个就好
@font-face {
font-family: 'test';
src: url('../f');
字体下载免费的appfont-weight: normal;
font-style: normal;
}
步骤三:
在main.js中引⼊这个css⽂件
import '../static/font-awesome-4.7.0/css/font-test.css'
步骤四:
在App.vue⾥使⽤这个字体
前后对⽐图

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。