話不多說先看效果：

我這裡使用的是“優設標題這種字型”，接下來就是實現步驟了：

1、先在百度上下載所需要的字型ttf檔案

2、在src資料夾新建common資料夾再建 font資料夾

3、在font資料夾裡新建 font.css檔案，以及把下載好的ttf檔案放入

font.css內容如下

4、在App.vue的style裡引入font.css檔案

5、在需要用到特殊字型的地方，把 font-family:”自定義字型名”,這裡的優設標題就是在font.css檔案裡自定義的字型名

這樣就實現使用特殊字型啦，希望對萌新有所幫助~

補充知識：怎麼把分化成元，並且保留兩位小數,用vue來做

我就廢話不多說了，大家還是直接看程式碼吧~

<el-table-column prop="amount"
            label="申請提現金額"
            width="120" 
            align="center">
    <template scope="scope">
     {{ scope.row.amount | filterMoney }}
    </template>
   </el-table-column>

 
 filters: {
  filterMoney (num) {
   return (num / 100).toFixed(2)
  }
 },

以上這篇vue如何使用外部特殊字型的操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。