Vue项目全局自定义修改字体样式——只需三步下载字体即可使用。本文记录如何在项目中修改字体。步骤描述不同公司的项目中都会有一个重置样式表(reset.css),用于统一修改项目的开发风格。我们修改项目的字体,也就是在reset.css中修改。第一步:下载字体并保存在项目中。Internet上有很多免费字体下载网站。这里有一个免费字体下载的网站,非常不错。传送门附上:https://www.ypppt.com/ziti/字体下载后,我们可以把字体和重置样式表放在一起做邻居,这样方便引入。如下图所示:第二步导入字体。我们使用css的@font-face属性导入字体,可以在重置样式表中导入。如下图所示:@font-faceCSS可以指定一个自定义字体来显示文本;字体可以从远程服务器或用户本地安装的现有字体加载。第三步,直接在正文中使用导入的字体,如下图:最后来看一下效果图。修改未修改的字体样式图片。
