问如何将ttf字体本地文件导入Vuetify变量？
EN

Stack Overflow用户

提问于 2020-08-28 02:23:16

回答 1查看 213关注 0票数 0

我尝试使用本地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文件放在node module目录中:C

vuetify.js

vue.js

Stack Overflow用户

回答已采纳

发布于 2020-08-30 21:42:01

根据LinusBorg here，我通过在字体路径前添加~@解决了这个问题，现在它工作得很好。你的应该是~@/assets/myfont.ttf。

票数 0

查看全部 1 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63622104

复制

相似问题

问如何将ttf字体本地文件导入Vuetify变量？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将ttf字体本地文件导入Vuetify变量？EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将ttf字体本地文件导入Vuetify变量？
EN