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

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

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

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

全局vue中修改字体样式 苹方字体 微软雅黑 亲测可用_第1张图片

3、打开font.css

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

全局vue中修改字体样式 苹方字体 微软雅黑 亲测可用_第2张图片

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

(

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

.class{

font-family: PingFang;

}

)

全局vue中修改字体样式 苹方字体 微软雅黑 亲测可用_第3张图片

苹果方体-简易黑体

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

你可能感兴趣的:(Vue,Vue修改字体样式,Vue全局修改字体)