vue项目全局自定义修改字体样式-只需三步

问题描述

在开发项目中，可以使用自带的字体，比如微软雅黑或宋体等（宋体很丑，不建议用）；也可以自己下载字体去用。本篇文章记录一下如何修改项目中的字体。

步骤描述

不同公司的项目中都会有重置样式表（reset.css），用来统一修改项目的开发样式，我们修改项目的字体，也就是在reset.css中去修改。

第一步：下载字体保存到项目中

网上有很多免费下载字体的网站，在此提供一个免费下载字体的网站，挺好的。传送门附上：
https://www.ypppt.com/ziti/
字体下载好了以后，我们就可以把字体和重置样式表放在一块做邻居，这样好引入。如下图：

第二步，引入字体

我们使用css的@font-face属性去引入字体，可以在重置样式表中引入字体。如下图所示：

@font-face CSS 可指定一个用于显示文本的自定义字体；字体能从远程服务器或者用户本地安装已有的字体加载

第三步，使用引入的字体

body中直接使用即可，如下图所示：

最后看看效果图吧

未修改字体样式图

修改后字体样式图

总结

好记性不如烂笔头，记录一下吧