Font Awesome ist eine großartige Bibliothek von Schriftsymbolen für Webseiten, die skalierbare Vektorsymbole bietet, die in Größe, Farbe, Schatten und jedem Stil, der mit CSS gestaltet werden kann, individuell angepasst werden können.
Zunächst einmal die Renderings:
Umgebung:
Winkel-CLI: 6.2.4
Node: 8.9.2
OS: win32 x64
Tutorial:
NPM-Installationsbefehl:
C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome npm WARN optional OPTIONALE ABHÄNGIGKEIT ÜBERSPRINGT:fsevents@1.2.9(node_modules\fsevents): npm WARN notsup OPTIONALE ABHÄNGIGKEIT ÜBERSPRINGT: Nicht unterstützte Plattform fürfsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (aktuell: {"os":"win32","arch":"x64"})
+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2 69 Pakete hinzugefügt und 1 Paket in 10.117s aktualisiert Importmodul:
Importieren Sie in das app.module.ts oder Sub-Routing-Modul:
Einführung der SCSS-Stylesheets:
angular.json, eine Stilbibliothek auf Basis der verwendeten CSS-Syntax einzuführen, wie folgt:
Wenn SieNicht benutztCLI, bitte importiere das Stylesheet in deine index.html-Datei:
(Ignoriere es einfach)
Verwendung:
Eigenschaften | Art | Veranlagung | Optional | Name | Schnur | F-A Icons | Nein | Größe | Schnur | LG, 2x, 3x, 4x, 5x | Ja | Fest | Boolesch | Wahr | FALSCH | Ja | Animation | Schnur | spin | Puls | Ja | Drehen | Zahl | Schnur | 90 | 180 | 270 horizontal | Vertikal | Ja | Revers | Boolesch | Wahr | FALSCH | Ja |
Schriftart-Icon-Suche:Der Hyperlink-Login ist sichtbar.
Betriebsmittel:Der Hyperlink-Login ist sichtbar. |