乐趣区

关于前端:vue项目全局自定义修改字体样式只需三步

问题形容

在开发我的项目中,能够应用自带的字体,比方微软雅黑或宋体等(宋体很丑,不倡议用);也能够本人下载字体去用。本篇文章记录一下如何批改我的项目中的字体。

步骤形容

不同公司的我的项目中都会有重置样式表(reset.css),用来对立批改我的项目的开发款式,咱们批改我的项目的字体,也就是在 reset.css 中去批改。

第一步:下载字体保留到我的项目中

网上有很多收费下载字体的网站,在此提供一个收费下载字体的网站,挺好的。传送门附上:
https://www.ypppt.com/ziti/
字体下载好了当前,咱们就能够把字体和重置样式表放在一块做街坊,这样好引入。如下图:

第二步,引入字体

咱们应用 css 的 @font-face 属性去引入字体,能够在重置样式表中引入字体。如下图所示:

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

第三步,应用引入的字体

body 中间接应用即可,如下图所示:

最初看看效果图吧

未修改字体款式图

批改后字体款式图

总结

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

退出移动版