пользовательские шрифты не загружаются после обновления с 7 до 8

Question

Мы только что обновили наше угловое приложение с 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

надеясь, что это поможет