VueJS -引导图标:无法解码下载的字体，无效的sfntVersion

Question

我在我的VueJS应用程序中使用引导图标。加载页面后，会出现以下错误

未能解码下载的字体OTS解析错误:无效sfntVersion: 1008813135

用于引导图标的.woff和.woff2字体。

以下是bootstrap-icons.css文件中的字体加载部分：

@font-face {
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?856008caa5eb66df68595e734e59580d") 
  format("woff2"),
  url("./fonts/bootstrap-icons.woff?856008caa5eb66df68595e734e59580d") format("woff");
}

下面是我的css文件中引导程序的导入：

// Bootstrap
@import 'bootstrap';
@import '~bootstrap-icons/font/bootstrap-icons';

这个错误也发生在我的生产服务器上，但是字体-Awesome在我的dev服务器上运行得很好。

你能提出解决这个问题的方法吗?或者问题的根源在哪里？我搜索了整个网络，但仍然没有任何线索。

Answer 1

我不太清楚你的问题的解决方案，但我做了一些研究，发现了这个Link

它有很多的解决方案，我希望其中之一能帮助你。