使用场景：当我们在实现UI高保真的时候，往往会遇到有些地方需要一些特殊的字体，这是UI同学为了使页面更加具有设计感而使用了特殊字体，像数字/字母，但是浏览器携带的字体有限，很多字体往往没办法直接实现，这时候我们需要把字体文件下载到项目中使用，这就确保了不管在哪个浏览器上加载我们的系统页面，都能渲染出我们需要的字体。
常用字体文件类型：.ttf文件、.otf文件。
实现步骤（以.otf文件为例）：
1、下载对应的字体文字，可以自己上网搜索，或者找UI同学提供。
2、把字体文件放到项目中，并实现对应字体样式class。
@font-face {
font-family: 'RoboData-Beta1.1-Regular';
src: url('./fonts/RoboData-Beta1.1-Regular.otf') format('opentype');
}
.font-RoboData{
font-family: 'RoboData-Beta1.1-Regular';
}
3、通过使用class，实现字体渲染。
<div class="font-RoboData">
abcABC123
</div>
