vue项⽬引⼊字体.ttf的⽅法
1、下载所需要的字体,.ttf格式本⽂以(f 为例)
2、在src下新建common⽂件,⽂件夹中包含以下⽂件
3、打开font.css
@font-face {
font-family: 'FZCYJ'; //重命名字体名
src: url('f'); //引⼊字体
font-weight: normal;
字体下载免费的appfont-style: normal;
}
4、配置f.js ⽂件
5、App.vue引⼊字体
6、可在body中设置字体
body{
font-family: FZCYJ;
}
以上这篇vue项⽬引⼊字体.ttf的⽅法就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论