Awesome Icon

[enzian]

Contao 3.3.3
Isotope-Shop

Ich möchte nach dem Produktnamen eine kleine Medaille aus AwesomeFonts anzeigen. Das gelingt nicht.

Das habe ich erfolglos gemacht:

1. im Template-Header diese Zeile eingefügt:
<script src="https://kit.fontawesome.com/066e769aad.js" crossorigin="anonymous"></script>

2. Im Produkt die ID "award" eingetragen

3. Im lokalen CSS-Styleshet diese ID mit dem Unicode des Icons versehen:
#award form div.formbody h3 a::after {
content: "\f5a2";
}

Danke für jede Hilfe und Grüsse
Enzian

[Spooky]

https://fontawesome.com/how-to-use/o...seudo-elements

Bin mir aber nicht sicher ob das mit der JavaScript Variante überhaupt geht.

[enzian]

Danke, aber es zeigt nur das Quadrätchen an.

[Stefko]

Ahoi,

Du musst im CSS noch die entsprechende font-family: ...; angeben.

[Spooky]

Danke, aber es zeigt nur das Quadrätchen an.

Wie sieht dein CSS nun aus?

[enzian]

#award form div.formbody h3 a::after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f5a2";
}

[Spooky]

Wie gesagt, ich bin mir nicht sicher, ob das mit der JavaScript Variante funktioniert.

[enzian]

Ja, danke vielmals, du hattest wohl recht.

[enzian]

Wie kann ich die Icon-Bibliothek in meiner Contaoinstallation um ein neues Icon erweitern?

Danke und Grüsse
Enzian