Font Awesome je skvělá knihovna ikon fontů pro webové stránky, která nabízí škálovatelné vektorové ikony, jež lze přizpůsobit velikostí, barvou, stíny a jakýmkoli stylem, který lze stylizovat pomocí CSS.
Nejprve k renderingům:
Prostředí:
Angular CLI: 6.2.4
Node: 8.9.2
OS: win32 x64
Tutoriál:
NPM instalační příkaz:
C:\project\git\itsvse>npm install --save font-awesome angular-font-awesome npm VARUJE před volitelnou závislostí PŘESKOČENÍ VOLITELNÉ ZÁVISLOSTI:fsevents@1.2.9(node_modules\fsevents): npm VARUJTE notsup PŘESKOČENÍ VOLITELNÉ ZÁVISLOSTI: Nepodporovaná platforma profsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (aktuální: {"os":"win32","arch":"x64"})
+ font-awesome@4.7.0
+ angular-font-awesome@3.1.2 přidáno 69 balíčků a 1 balíček aktualizovaný v 10.117s Importní modul:
Import modulu app.module.ts nebo podsměrování:
Představujeme SCSS styly:
angular.json se rozhodnou zavést knihovnu stylů založenou na použité syntaxi CSS, a to následovně:
PokudNepoužitoCLI, prosím, importujte stylový list do svého index.html souboru:
(Prostě to ignoruj)
Použití:
Vlastnosti | typ | uspořádání | Volitelné | Jméno | Struna | F-A Ikony | Ne | velikost | Struna | LG, 2x, 3x, 4x, 5x | Ano | Fixováno | Booleovský | pravda | false | Ano | Animace | Struna | spin | Puls | Ano | Otočit | Číslo | Struna | 90 | 180 | 270 horizontálně | Vertikální | Ano | inverze | Booleovský | pravda | false | Ano |
Vyhledávání ikon fontu:Přihlášení k hypertextovému odkazu je viditelné.
Prostředky:Přihlášení k hypertextovému odkazu je viditelné. |