Awesome Icon

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

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

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

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

Ahoi,

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

Zitat:

---

Zitat von enzian

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

---

Wie sieht dein CSS nun aus?

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

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

Ja, danke vielmals, du hattest wohl recht.

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

Danke und Grüsse
Enzian