vue中引入字体包

有时候UI上面会有一些特殊字体，这时候，你就可以将UI给你的字体包引入到自己的项目中，去实现特殊字体的处理。如图的特殊字体

1.创建文件夹 存放字体 在src目录下创建text文件夹 ，字体放在这个文件夹下,命名为字体名（英文更好），并且创建text.scss 

2.在text.scss里面写入

@font-face {
  font-family: "ZhenyanGB-Regular";
  src: url('./ZhenyanGB.ttf');
}

 3.在main.js中引入

import "@/text/text.scss";

4.直接在自己需要的页面使用

.names {
  display: flex;
  font-size: 12px;
  color: #FE9DA4;
  font-family: ZhenyanGB-Regular;//重点代码
  position: absolute;
  top: 48px;
  left: 47px;
}

以上步骤就可以实现引入字体包