1、下載所需要的字體，.ttf格式本文以（FZCYJ.ttf 為例）

成都創(chuàng)新互聯(lián)公司專注于穆棱企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城建設(shè)。穆棱網(wǎng)站建設(shè)公司,為穆棱等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)

2、在src下新建common文件，文件夾中包含以下文件

3、打開font.css

@font-face { 
 font-family: 'FZCYJ'; //重命名字體名
 src: url('FZCYJ.ttf'); //引入字體
 font-weight: normal; 
 font-style: normal; 
}

4、配置webpack.base.conf.js 文件

5、App.vue引入字體

6、可在body中設(shè)置字體

body{
 font-family: FZCYJ;
}

以上這篇vue項目引入字體.ttf的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。