1.先下载字体文件所需的.ttf文件

2.将字体文件引入

自己定义一个文件夹，放入下载好的.ttf文件

先自己定义一个font.css文件，将下载好的字体文件的路径引入

@font-face {
    font-family: 'fzcjh';   src: url('../font/fzcjh.ttf');   font-weight: normal;   font-style: normal; }

在App.vue中的style里引入

<style lang="less" rel="stylesheet/less">  @import "./common/font/font.css";</style>

在webpack的配置文件里要加上解析.ttf文件的规则

module: {    rules: [        {            test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,            loader: 'url-loader',            options: {                limit: 10000,                name: utils.assetsPath('fonts/[name].[hash:7].[ext]')            }        }    ]}