vue-cli webpack 載入CSS字型

原本使用 ../assets/fonts/NotoIKEATraditionalChinese-Regular.ttf 在 dev 模式沒有問題，但是 build 之後就找不到路徑了，如果使用 ~@/ 搭配在 index.js 裡修改 assetsPublicPath: ‘/’ 為 assetsPublicPath: ‘./’ 就可以了。

$font_path: '~@/assets/fonts/';

@font-face {
  font-family: "Noto IKEA";
  src: url($font_path + 'Noto-Regular.ttf');
}