Icons werden in der Theme-Komponente nicht mehr angezeigt

Unterstützung
1

Hallo.
Ich habe in meiner Theme-Komponente Symbole mit der Farbe Weiß über folgendes HTML gesetzt:

<a class="header-social-link" title="La Commission Nationale Monocycle sur Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
    <svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle sur Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
    <svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>

Mir ist kürzlich aufgefallen, dass diese Symbole nicht mehr angezeigt werden. Vielleicht ist das nach dem Update auf Version 2.6.0beta1 passiert.

image
image329×102 1.76 KB

image
image253×206 2.93 KB

Ich habe auf 2.6.0beta2 aktualisiert, aber das hat nichts geändert.
Hier ist meine Icon-Teilmenge:
image

Habt ihr eine Idee, warum sie nicht mehr erscheinen?

2

Ich sehe in deinem Screenshot die Farbe, die auf a.header-social-link gesetzt ist. Wenn du das SVG-Element innerhalb des Links inspizierst… ist dort ebenfalls eine Farbe gesetzt?

3

Nein, nur das (Standardinhalte):

.svg-icon, .svg-icon-title {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-flex;
    position: relative;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

Das Hinzufügen eines Farb-Attributs ändert nichts. Tatsächlich wird das Symbol scheinbar nicht angezeigt. Vielleicht, weil es das Symbol im Set nicht findet?

Wenn du die echte Seite überprüfen möchtest:

Wo sich das Symbol befindet (es sind eigentlich zwei Symbole):

image
image2498×1440 435 KB

4

Hast du in dieser Einstellung vor facebook-f und youtube den fab- statt den fa- Präfix versucht? Ich verwende das Präfix für alle Icons, sogar für fa-.

5

Ja, es funktioniert jetzt.

Was war die Änderung in der neuen Discourse-Version, die damit zu tun hat, da es vorher (vor ein paar Tagen/Wochen) funktioniert hat? :thinking:

Diese Prefix-Sache ist verwirrend.

Danke @Steven :sports_medal:

6

Guter Fang, @Steven. Wir haben kürzlich die Unterstützung für die Icon-Namen aus früheren Versionen von Font Awesome entfernt.