vue中引入外部字体样式（ttf）

一、找到可下载ttf或其他格式的外部字体资源

https://font.chinaz.com/index.html

二、在vue中的assets下创建一个独立文件夹将自己下载的.ttf格式的外部资源引入，如下图：

三、创建自定义命名的css文件，如上图的font.css

font.css中进行编写：
@font-face {
    font-family: 'pfcat';    //这里自定义命名
    src: url('./平方长安体.ttf');	//这里为引入路径
}

四、在vue中的main.js中引入这个css文件

import './assets/font/font.css'   //一般都是这个路径