vue项目引入新字体

1.把字体库放在文件中

在这里插入图片描述

2.新建字样式文件

文件写入：

@font-face {
  font-family: DS-Digital; //字体名称  可随意指定
  src: url('~@/assets/font/DS-DIGIT.TTF'); //引入对应的字体文件
}
```![在这里插入图片描述](https://img-blog.csdnimg.cn/7d8921354a434bc5a77bc4aaf69530b7.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2e6ee789dd044ec998cf9aeac4749ae8.png)

## 3.在入口样式引入字体样式使用
![在这里插入图片描述](https://img-blog.csdnimg.cn/e3d6db5c3a1c4447bd252e2082a7f4eb.png)