海拉尔网站建设 网站设计,上海市工程建设质量管理协会网站,深圳网站设计师培训学校,做那种事免费网站问题#xff1a; 项目开发过程中#xff0c;因UI的显示要求#xff0c;需要引入一些字体#xff0c;那如何引入外部字体呢#xff1f;很简单#xff0c;只需要以下3步
一 下载对应的字体包文件#xff0c;放置到我们的项目中
比如我需要PingFangSC的系列字体#…问题 项目开发过程中因UI的显示要求需要引入一些字体那如何引入外部字体呢很简单只需要以下3步
一 下载对应的字体包文件放置到我们的项目中
比如我需要PingFangSC的系列字体我先在vue项目中创建了一个文件夹fontFamily然后把字体文件放到这个文件夹中 二 生成一个css文件将字体包引入项目
例如我依旧在fontFamily中创建了一个font_f.css文件在该文件引入我们刚刚放在fontFamily中的字体包。 三 在main.js中全局引入css文件 这里我整个项目都要用到这几个字体所以全局引入了这几个字体若是一个字体只有某个页面用到完全可以按需引入即把第二步的引入字体的代码放到对应vue的文件中引入。
使用的时候直接使用对应的font-family值即可
例如想显示为“苹方黑体-中黑”如下所示
