Vue.js 如何将ttf字体本地文件导入Vuetify变量？

我试图使用本地ttf文件向Vuetify添加自定义字体，为了添加自定义字体，我尝试使用@font-face，但编译器在查找与@import一起使用的文件时遇到问题，但字体未联机：c 这是我的variable.scss文件

@font-face {
    font-family: "MyFont";
    src: url("assets/font/myfont.ttf");
}

$body-font-family:  'MyFont', sans-serif;

这里是错误

./assets/font/MyFont.ttf in ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VAlert/VAlert.sass, ./node_modules/css-loader/dist/cjs.js??ref--9-oneOf-3-1!./node_modules/postcss-loader/src??ref--9-oneOf-3-2!./node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-3-3!./node_modules/vuetify/src/components/VApp/VApp.sass and 91 others

---

查找字体似乎是一个问题，但我不能简单地将ttf文件放在节点模块目录中：C

我根据LinusBorg将

~@

预先添加到我的字体路径，解决了这个问题，现在工作正常。你的应该是

~@/assets/myfont.ttf

很高兴它起作用了！如果这有助于您解决问题，请将其标记为已接受的答案。谢谢哦对不起，我是新来的，呵呵，我来了