我试图在我的Vue应用程序中的某个组件中导入Web字体（使用Vue Webpack模板创建）。在我的一个组件中，我试图通过引用项目中的a _fonts.scss来导入字体，该项目包含以下内容：
@font-face {
font-family: 'SomeFont';
src: url('~/assets/fonts/SomeFont-Regular.woff2') format('woff2'),
url('~/assets/fonts/SomeFont-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}然后，当我打开应用程序时，我得到这个错误：
Failed to decode downloaded font: http://localhost:8080/assets/fonts/SomeFont-Regular.woff2
Failed to decode downloaded font: http://localhost:8080/assets/fonts/SomeFont-Regular.woff还有这个：
OTS parsing error: invalid version tag
OTS parsing error: invalid version tag我在网上搜索了这个问题，没有找到任何东西，或者一些相关的情况
2条答案
按热度按时间lyr7nygr1#
在
url()中导入字体时尝试使用相对路径。无'~/fontPath'例如
disho6za2#
我也遇到了同样的问题，在这里找到了答案Vue Cli 3 Local fonts not loading。简单地说，您必须将
../assets替换为~@/assets。