vue+element-ui更換本地字體

步驟一：下載otf或者ttf字體

以下載的思源黑體為例，

放到vue工程下的任意文件夾下

步驟二：

創建一個css文件，內容如下:font-family的名稱自己取一個就好

@font-face {
    font-family: 'test';
    src: url('../fonts/NotoSansHans-Bold.otf');
    font-weight: normal;
    font-style: normal;
  }

步驟三：

在main.js中引入這個css文件

import '../static/font-awesome-4.7.0/css/font-test.css'

步驟四：

在App.vue里使用這個字體

前后對比圖