在vue项目中使用外部字体

1、去网上下载需要的 ttf 字体文件放入项目中；
2、在styles文件夹下新建一个font.css(font.scss)文件；并编辑

@font-face {
  font-family: number;       //用法：font-family:number
  src: url("./number.ttf");  //字体文件路径
  font-weight: bold;   
  font-style: normal;
}

3、将font.scss直接引入main.js文件中;或者直接在对应的项目文件中直接使用

//引入到 main.js
import "./assets/styles/font.scss";