An warware: font madalla angular

Tabbas, ga dogon labarin game da Font Awesome Angular:

Font Awesome babban ɗakin karatu ne na icon wanda za'a iya amfani dashi a cikin aikace-aikacen mu na Angular. Haɗa Font Awesome yana ba masu haɓaka damar zuwa ɗaruruwan madaidaitan gumaka masu ƙima waɗanda za a iya keɓance su da CSS. Wannan yana da amfani musamman tunda yana ba mu damar amfani da gumaka masu kyau ba tare da buƙatar dogaro da yawa akan zane-zane ko fayilolin hoto ba. Wannan na iya sauƙaƙa da gaske kulawa da tsara ayyukan ku na Angular. A cikin wannan jagorar, za mu koyi yadda ake haɗa Font Awesome cikin aikace-aikacen ku na Angular mataki-mataki.

Matsala da Magani:

A wasu lokuta a matsayinka na mai haɓakawa, ƙila ka sami wahalar yin ma'amala da adadi mai yawa na hotuna da zane-zane lokacin da ake mu'amala da gumaka a cikin aikinku. Wannan ba wai kawai zai iya sa aikin ku ya lalace ba amma kuma yana iya shafar aikin ƙa'idar ku. Wannan shine inda Font Awesome ke shigowa.

Font Awesome yana sauƙaƙe wannan ta hanyar ba da faffadan gumaka da aka adana azaman fayil ɗin rubutu.

// First you will need to install the font awesome library
npm i @fortawesome/angular-fontawesome @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons

// Next, import the fontawesome library in your app.module.ts file
import {FontAwesomeModule} from '@fortawesome/angular-fontawesome';

Bayanin Code:

Kawai gudanar da npm shigar da umarni don fakitin Font Awesome a cikin tashar ku ko umarni da sauri don shigar da su a cikin aikin Angular ku.

Bayan an gama shigarwar, dole ne ka shigo da 'FontAwesomeModule' a cikin fayil ɗin app.module.ts na aikin Angular ku.

Haɗin kai Tare da Abubuwan Angular:

Mataki na gaba shine sanin kanku da yadda ake amfani da waɗannan gumakan a cikin abubuwan haɗin ku.

// Here's how to use the icons in your Angular component
import {faCoffee} from '@fortawesome/free-solid-svg-icons';

export class AppComponent {
faCoffee = faCoffee;
}

Bayan shigo da gunkin, zaku iya amfani da shi a cikin abubuwan haɗin ku kawai ta ƙara lambar mai zuwa a cikin fayil ɗin HTML ɗinku.

<fa-icon &#91;icon&#93;="faCoffee"></fa-icon>

Amfani da Ƙarin Gumaka:

Akwai wasu fakiti da yawa daga Font Awesome waɗanda zaku iya amfani da su don samun ƙarin gumaka.

npm i @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons

Bayan shigar, zaku iya amfani da sabbin gumaka ta shigo da su cikin fayil ɗin bangaren.

[b] A ƙarshe [/b], Font Awesome kayan aiki ne mai ban mamaki wanda zai iya haɓaka abubuwan gani na aikace-aikacen ku na Angular. Yana da sauƙin amfani kuma yana ba da fa'idodi masu yawa akan amfani da hotuna ko zane-zane na gargajiya. Ko kai ƙwararren mai haɓakawa ne ko kuma fara farawa da Angular, tabbas yakamata kuyi la'akari da haɗa Font Awesome a cikin ayyukanku.

• Yana da sauƙin sarrafawa fiye da tarin hotuna
• Yana ba da babban tarin gumaka
• Yana taimakawa tare da aikin gidan yanar gizon
• Yana bayar da scalability ba tare da asarar inganci ba
• Yana ba da ikon CSS akan gumaka