全局vue中修改字体样式 苹方字体 微软雅黑 亲测可用

1、下载所需要的字体,.ttf格式本文以(PingFang.ttf 为例) 底下将会附加苹果方体-简易黑体 PINGFANG MEDIUM.tff

可自行下载其他字体样式,全局引用,方便快捷。

2、在src下新建common文件,文件夹中包含以下文件

3、打开font.css

@font-face {  
  font-family: 'PingFang';  //重命名字体名
  src: url('PingFang.ttf');  //引入字体
  font-weight: normal;  
  font-style: normal;  
}

4、App.vue引入字体 全局修改

(

如果想对单个的修改,则在对应的class写

.class{

font-family: PingFang;

}

)

苹果方体-简易黑体

https://download.csdn.net/download/qq_25007459/11945387

  • 0
    点赞
  • 8
    收藏
  • 打赏
    打赏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论 5

打赏作者

斗志请给我来一打

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值