vue引入自定義字型otf、ttf字型的方法
阿新 • • 發佈：2020-12-11
1 在src/assets下新建font資料夾，資料夾中包含以下檔案
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都可以。