Question

我们刚刚将angular应用程序从7升级到8。我们已经加载了一些自定义字体，如下所示：

 @font-face {
     font-family: "Source Sans Pro Light";
     src: url("/assets/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf"); }


 @font-face {
     font-family: "Source Sans Pro Semibold";
     src: url("/assets/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf");

升级到Angular 8后，不再加载字体。他们错误地指出：

GET http://windows2/assets/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf net::ERR_ABORTED 404 (Not Found)
GET http://windows2/assets/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf net::ERR_ABORTED 404 (Not Found)
GET http://windows2/assets/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf net::ERR_ABORTED 404 (Not Found)

请注意，只有在我们在应用程序服务器上进行构建和部署时，才会发生这种情况。当我们使用ng服务时，字体加载并显示得很好。

Answer 1

我有同样的问题。使用以下内容为我解决了此问题。

@font-face {
     font-family: "Source Sans Pro Light";
     src: url("./assets/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf"); }


@font-face {
     font-family: "Source Sans Pro Semibold";
     src: url("./assets/fonts/Source_Sans_Pro/SourceSansPro-SemiBold.ttf");

注意../assets而不是/ assets

希望这会有所帮助

从角度7升级到8后不加载自定义字体

1 个答案: