Fontawesome

Dieses Addon importiert die fontawesome Icons und CSS und ermöglicht dadurch die Verwendung von fontawesome Icons.

Setup

Führen Sie npm i aus, um alle Abhängigkeiten zu installieren.

Ein Postinstall-Skript kopiert dann automatisch die benötigten Schriftarten in den Projektordner css/fonts.

Verwendung

Fontawesome-Icons können dann auf die typische Weise, d.h. über die jeweiligen Klassen der Icons verwendet werden.

Bitte beachten Sie, dass nur die frei verfügbaren fontawesome Icons und Styles verwendet werden können. Mehr Infos dazu hier.

Beispiel

Wir können die Standardsymbole im Menü durch benutzerdefinierte fontawesome-Symbole ersetzen, indem wir die fontawesome-Klasse in der glyphicon-Eigenschaft verwenden. Bitte beachten Sie, dass hier auch die Stilklasse (z.B. fas) eingestellt werden muss.

{
    "Portalconfig": {
        "menu": {
            "tools": {
                "name": "Werkzeuge",
                "glyphicon": "fas fa-camera",
                "children": {
                    "gfi": {
                        "name": "Informationen abfragen",
                        "glyphicon": "fas fa-camera"
                    }
                }
            }
        }
    }
}