如何在Vue中引入otf、ttf字體 - DashingDigit001/WikiPage GitHub Wiki

1 在src/assets下新建font資料夾，資料夾中包含以下檔案 vue引入自定義字型otf、ttf字型的方法

2 新建font.css

@font-face {
  font-family:'ALPH';//自己隨意定義的名字
  src:url('Alibaba-PuHuiTi-Regular.otf');
}
@font-face {
  font-family: 'YSBT';//自己隨意定義的名字
  src:url('ysbthei.ttf');
}

3 在專案中（main.js）引入剛剛載入進來的字型

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

在main.js、index.html、app.vue中引入font.css都可以。

4 指定font-family:YSBT //注意沒有引號