摘要: font-face是css3中允许使用自定义字体的一个模块。
@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。

字体文件准备

首先需要准备好字体文件
相关链接: 字体网站

为项目跟标签设置以保证全局生效

@font-face {
	font-family: SourceHanSansSC; //自定义名称可以随意设置
	src: url('./assets/SourceHanSansSC-Normal-2.otf'); //字体文件
}
#app {
	width: 100%;
	height: 100%;
	font-family: SourceHanSansSC !important; //使用，可能需要important
}

效果图