开发喵星球

1、创建 font 文件夹

在assets静态资源目录中，新建fonts目录,css目录。

2、创建 font.css文件

在刚刚创建好的 font目录中新建font.css文件中存放字体样式

@font-face {
  font-family: "HH";
  src: url("../fonts/全新硬笔隶书简.ttf");
  font-weight: normal;
  font-style: normal;
  }

3、全局注册

在脚手架中找到 main.js 文件，引入我们需要全局使用的 index.css 文件

//main.js
import './assets/css/font.css'  //全局使用

4、全局使用

在脚手架中找到 App.vue 文件， 引入字体

<style>
div {
  font-family: HH;   //HH对应着font.css中的 font-family: "HH";  
}
</style>