Font Awesome

Fontawesome Addon #

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"
                    }
                }
            }
        }
    }
}