en en en da en en sv en nb sq da da da fr en sv fr de ru en fr fr id en en sv fr de de fr fr fr sv en fr en ja fr de fr es nb en en en en en en fi en en hbs_lat en en hbs_lat pt hbs_lat en en fa da da en en en en en en da en da da da da da sv da nb nb en da da da da en nl da sv da en
Angular 6: Font Awesome – NerdGirl
Forbud fører sjældent noget godt med sig
(Last Updated On: 11. oktober 2018)
Font Awesome er en samling af ikoner baseret på en font. Den indeholder pt. knap 4000 ikoner hvoraf ca 1300 er gratis.
Jeg bruger ikonerne i et Angular 6 projekt og lagde ud med at benytte dem via angular-font-awesome …. lige indtil jeg skulle bruge thumbtack ikonet, som ikke blev vist. Men det er hvad der sker med små npm-pakker der vedligeholdes af enkeltpersoner. Super ærgerligt, for det er faktisk en godt tænkt pakke, der er meget simpel at benytte.
$ npm install --save @fortawesome/angular-fontawesome $ npm install --save @fortawesome/fontawesome-svg-core $ npm install --save @fortawesome/free-solid-svg-icons $ npm install --save @fortawesome/free-regular-svg-icons
$ npm install --save @fortawesome/angular-fontawesome
$ npm install --save @fortawesome/fontawesome-svg-core
$ npm install --save @fortawesome/free-solid-svg-icons
$ npm install --save @fortawesome/free-regular-svg-icons
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome'; import { library } from '@fortawesome/fontawesome-svg-core'; import { faThumbtack,[,...] } from '@fortawesome/free-solid-svg-icons'; library.add(faThumbtack,[,...]); @NgModule({ declarations: [ AppComponent, ... ], imports: [ BrowserModule, FontAwesomeModule ... ], providers: [...] });
import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { library } from '@fortawesome/fontawesome-svg-core';
import { faThumbtack,[,...] } from '@fortawesome/free-solid-svg-icons';
Bemærk at alle ikoner du vil benytte, skal importeres og føjes til library som vist i eksemplet herover.
Herefter kan du i et hvilket som helst component, bruge de importerede ikoner:
fas = free awesome solid
far = free awesome regular
fab = free awesome brand
Bemærk at fab ikoner ikke er inkluderet i mit eksempel … hvis du skal bruge disse, skal du blot tilføje @fortawesome/free-brands-svg-icons pakken.
Posted in Webudvikling Tagged angular 6, font awesome
Test dit webprojekt på Android enhed
Linux – brugervenligt, gratis og miljørigtig
I gang med Angular 13 på Linux
Brug af grep kommandoen
Installer Asbru Connection Manager på Fedora
Installer DBeaver på Fedora
Node Package Manager (npm)
Linux: Afvikle en kommando som en anden bruger
MariaDB: Slå generel log til midlertidigt
Udskift nouveau driver med NVIDIA på Fedora 33 – og fortryd
Skab overblik over dine DMARC rapporter
Kategorier Vælg kategori Aftensmad Akrylmaling Bagværk Computer Dessert Fotografi Generelt Grød Hakket oksekød Hobby Hvidkål Ikke kategoriseret Internet IT Krop og sind PHP Pizza Politik Samfund Server Tips & Tricks Vegansk Webudvikling
Arkiver Vælg måned august 2022 april 2022 marts 2022 oktober 2021 maj 2021 marts 2021 februar 2021 januar 2021 december 2020 november 2020 oktober 2020 august 2020 juli 2020 juni 2020 marts 2020 januar 2020 december 2019 november 2019 oktober 2019 august 2019 juni 2019 april 2019 februar 2019 december 2018 oktober 2018 september 2018 juli 2018 juni 2018 maj 2018 april 2018 februar 2018 januar 2018 december 2017 oktober 2017 september 2017 august 2017 juli 2017 juni 2017 maj 2017 april 2017 januar 2017 december 2016 november 2016 oktober 2016 september 2016 januar 2016 december 2015 november 2015 oktober 2015 september 2015
Proudly powered by WordPress | Theme: chichi by xtianmark.