css - 为什么我不能用 Angular5 显示 Font-Awesome

Question

我有一个 angular 5 应用程序，它使用 bootstrap(工作正常)和 font-awesome(5，免费)。

Chrome 向我显示此错误:

Failed to decode downloaded font: http://localhost:5020/fa-solid-900.10c304f14cd2f6b6bed2.eot?#iefix)%20format(%22embedded-opentype%22),url(../webfonts/fa-solid-900.woff2)%20format(%22woff2%22),url(../webfonts/fa-solid-900.woff)%20format(%22woff%22),url(../webfonts/fa-solid-900.ttf)%20format(%22truetype%22),url(../webfonts/fa-solid-900.svg#fontawesome)%20format(%22svg%22:5020/#/flightBoard:1 
OTS parsing error: invalid version tag

我认为这是因为最后添加了#/flightboard:1？

但是为什么 Angular 会在我的字体末尾添加这个，我该如何防止呢？

Answer 1

这是您的 Angular CLI 的问题。请参阅:https://github.com/angular/angular-cli/issues/9726 ,最近我自己遇到了这个问题。将您的 Angular CLI 升级到 v1.7.3，这应该可以解决您的问题。