龙空技术网

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

水冗水孚 57

前言:

此时小伙伴们对“html 改字体”大约比较注重,姐妹们都需要学习一些“html 改字体”的相关内容。那么小编在网络上搜集了一些有关“html 改字体””的相关内容,希望同学们能喜欢,兄弟们一起来了解一下吧!

问题描述

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

步骤描述

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

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

网上有很多免费下载字体的网站,在此提供一个免费下载字体的网站,挺好的。传送门附上:

字体下载好了以后,我们就可以把字体和重置样式表放在一块做邻居,这样好引入。如下图:

第二步,引入字体

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

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

第三步,使用引入的字体

body中直接使用即可,如下图所示:

最后看看效果图吧

未修改字体样式图

修改后字体样式图

总结

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

标签: #html 改字体 #html改字体样式代码 #html如何改变字体 #html字体类型怎么设置 #css新特性中什么用于定义服务器字体