• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Angular problem z ikonami

VPS Starter Arubacloud
0 głosów
176 wizyt
pytanie zadane 15 kwietnia 2020 w JavaScript przez michal_php Stary wyjadacz (13,700 p.)
zamknięte 15 kwietnia 2020 przez michal_php

Cześć.

Wystawiłem swoją apke Angulara do testowania w środowisku produkcyjnym. I mam jeden problem otóż nie widzi mi ikon (z http://fontello.com/). Na środowisku dev wszystko dziła normalnie a na prod nie.

takie dostaje błędy w konsoli na prod:

OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
message:1 OTS parsing error: invalid version tag
Failed to decode downloaded font: <URL>
message:1 Failed to decode downloaded font: https://test.pl/fontello.woff2?59093705
message:1 Failed to decode downloaded font: https://test.pl/fontello.woff?59093705
message:1 Failed to decode downloaded font: https://test.pl/fontello.ttf?59093705
message:1 Failed to decode downloaded font: https://test.pl/assets/fontello/font/fontello.woff2?59093705
message:1 Failed to decode downloaded font: https://test.pl/assets/fontello/font/fontello.woff?59093705
message:1 Failed to decode downloaded font: https://test.pl/assets/fontello/font/fontello.ttf?59093705

a tu daje kod jak popiołem fonty do Angulara :

angular.json:

"assets": [ "src/favicon.ico", "src/assets", "src/assets/fontello/css/fontello.css" ],

styles.less:

@import '~bootstrap/dist/css/bootstrap.min.css';
@import "assets/fontello/css/fontello.css";
@import "assets/color/style";

i dałem też do index.html:

 <link rel="stylesheet" href="assets/fontello/css/fontello.css">
  <link rel="icon" type="image/x-icon" href="favicon.ico">

Z góry bardzo dziękuje za pomoc.

komentarz zamknięcia: Rozwiązanie problemu w komentarzu

1 odpowiedź

+1 głos
odpowiedź 15 kwietnia 2020 przez michal_php Stary wyjadacz (13,700 p.)

Problem udało mi się rozwiązać.

Przyczyna leżała nie w kodzie Angular lecz w konfiguracji servera nginx.

Jeśli ktoś kiedyś by miał podobny problem używając serwera nginx dale link jak to poprawnie wszystko skonfigurować :

https://github.com/fontello/fontello/wiki/How-to-setup-server-to-serve-fonts 

Podobne pytania

0 głosów
4 odpowiedzi 1,209 wizyt
pytanie zadane 24 czerwca 2015 w HTML i CSS przez Mieszko I Stary wyjadacz (10,980 p.)
0 głosów
1 odpowiedź 287 wizyt
pytanie zadane 1 lipca 2020 w JavaScript przez michal_php Stary wyjadacz (13,700 p.)
0 głosów
0 odpowiedzi 58 wizyt
pytanie zadane 13 stycznia 2020 w JavaScript przez Akiro Bywalec (2,910 p.)

92,454 zapytań

141,262 odpowiedzi

319,091 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...