vue項目引入字體.ttf

1、在assets文件夾下創建一個fonts文件夾，用於存放字體文件，此處以“yjsz.ttf”為例，“yjsz.ttf”為所下載的字體文件。注意：后綴名一定室小寫的.ttf，大寫的會報錯

2、再在assets文件夾下創建一個"font.css"文件，並寫入樣式（如下圖）。

 

 

 

3、打開font.css 

@font-face {
  font-family: "fzqkbysjt";
  src: url('FZQKBYSJW.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
 }

4.配置webpack.base.conf.js 文件（默認室位置好的2.x）

 

 5、引入字體 （在頁面中引入/在main.js）兩種方式都可以

在main.js

import './assets/css/font.css'

在頁面中引入

<style>
　　@import url('../assets/css/font.css');
</style>

6、使用設置字體

font-family: 'yjsz';