vue中怎么引入字体包

项目中遇到一些特殊的字体 需要引入
我们需要提前下载好这个字体

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

image.png

text.scss 代码

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

二 在main.js中引入

import "@/text/text.scss";

使用font-family: 'XX';即可