Font Awesome Icons werden nicht immer geladen

Thema wurde von pema, 16. Januar 2019 erstellt.

  1. pema
    pema Erfahrener Benutzer
    Registriert seit:
    17. Juni 2012
    Beiträge:
    448
    Danke erhalten:
    73
    Danke vergeben:
    122
    Hallo zusammen,

    an einigen PCs und verschiedenen Smartphones werden neuerdings nicht mehr alle Icons von FA dargestellt.
    Vermutlich seit unserem Update auf 3.11.1.2
    Es betrifft speziell Icons in Kategorien- und Artikeldetailbeschreibungen (eingebaut über CSS mit content:....) und sieht so aus:

    fa.jpg

    Ich verstehe jetzt leider nicht wieso das passiert, da es nur einige Geräte betrifft. Desweiteren haben wir Icons in der Navigationsleiste und der Startseite eingebaut (mittels <i class=), die überall funktionieren.

    Die meisten Icons sind ab FA Version 5.0.0 vorhanden, eines erst ab 5.3.x.

    Übrigens ist das kein Problem vom Browser, da mit unseren getesteten Browsern (Chrome, Firefox, Opera, Internet Explorer) alles wunderbar klappt. Bei einem Kunden geht es aber mit der aktuellsten Firefox Version nicht.

    Hat jemand eine Idee?
    Hier noch 2 Seiten zum gegenchecken:
    https://www.maier-uhren.de/armbaender-accessoires/ve/gaz-14-22mm/
    https://www.maier-uhren.de/vostok-europe/almaz/almaz-chrono/320o266.html
     
  2. Anonymous
    Anonymous Erfahrener Benutzer
    Mitarbeiter
    Registriert seit:
    22. Juni 2011
    Beiträge:
    4.760
    Danke erhalten:
    1.749
    Danke vergeben:
    137
    Um mal die FontAwesome-Dokumentation zu zitieren:
    In deinem Fall ist das an zwei Details kaputt gegangen, die mit dem Update auf FA5 zusammenhängen: Zum einen ist die Font-Family jetzt "Font Awesome 5 Free" (früher: "FontAwesome"), zum anderen muss jetzt „font-weight: 900“ mit angegeben werden, damit es funktioniert.
     
  3. pema
    pema Erfahrener Benutzer
    Registriert seit:
    17. Juni 2012
    Beiträge:
    448
    Danke erhalten:
    73
    Danke vergeben:
    122
    Danke sehr, das ist komplett an mir vorbeigegangen.
    Habe die CSS Dateien angepasst und nun geht wieder alles!