记一次vue使用*.ttf第三方字体库字体

首先去下载一个字体库文件，*.ttf 文件

先预览一下字体在字体库里边的样子

注意：注意上图右侧圈出来的信息，如：字体名称，一会儿要用到

将下载下来的 ttf 文件放入项目里边

在 同级 新建 fonts.css 文件

@font-face{
    font-family: '沐瑶软笔手写体'; 
    src: url('沐瑶软笔手写体.ttf');
    font-weight: normal; 
    font-style: normal; 
}

先预览一下网站没有使用字体的样子：

现在使用字体：

@import './assets/font-family/fonts.css';
*{
  margin:0;
  padding:0;
}
html,body,#app{
  width:100%;
  height:100%;
  overflow-x:hidden;
  font-family: "沐瑶软笔手写体";
}

再次看网站的样子

OK，这就是这一次使用第三方字体库的记录，如果有什么不对的或者不合适的敬请指出来，感谢