一、首先在字体网选择下载自己喜欢的字体字体网链接
二、在vue静态资源文件夹assets目录下创建一个font文件夹，把下载的ttf文件放在font文件夹里面
三、在src目录下创建一个style文件夹，创建一个全局css变量文件（vue引用的less后缀为less，引用的是scss后缀为sass）
四、在文件里写入代码（font-family为定义的名字，src为ttf文件路径）
@font-face {
font-family: "迷你简胖头鱼字体";
src: url("../assets/font/迷你简胖头鱼字体.ttf");
}
五、在main.js文件全局引入
import './style/common.less'
六、css使用方法
font-family: '迷你简胖头鱼字体';
最好不要使用中文，自行更改即可
