Kuxazululiwe: engeza ifonti ngendlela emangalisayo

Ifonti Awesome iyithuluzi eliwusizo ngendlela emangalisayo lapho usungula iwebhusayithi. Iwumtapo wolwazi omkhulu wezithonjana zevekhtha ezingalawuleki ezivumela abathuthukisi ukuthi benze kube ngokwakho futhi bathuthukise ubuhle banoma yiliphi ikhasi lewebhu. Ukuyengeza kuphrojekthi ye-JavaScript akugcini nje ngokukwenza ukuthi wenze isayithi lakho libukeke kakhulu, kodwa futhi kuvumela ukusebenza okuthuthukisiwe okusebenzisanayo. Lesi sihloko sizokuqondisa kunqubo yokuhlanganisa i-Font Awesome kuphrojekthi yakho ye-JavaScript.

Isixazululo Sokufaka Ifonti Awesome

Ukuze kuhlanganiswe Ifonti Awesome kuwebhusayithi yakho, uzodinga ukuthola isixhumanisi se-CDN (Content Delivery Network) bese uyengeza efayeleni lakho le-HTML. Isixhumanisi se-CDN seFont Awesome singatholakala kuwebhusayithi yayo esemthethweni. Uma usunalesi sixhumanisi, sishumeke engxenyeni eyinhloko yefayela lakho le-HTML.

Njalo ngemva kwesikhashana, izithonjana ezintsha ziyengezwa kulabhulali ye-Font Awesome. Ukuze uqinisekise ukuthi ufinyelela izithonjana zakamuva, kubalulekile ukuqhubeka ubuyekeza isixhumanisi sakho se-CDN.

Nasi isibonelo sendlela yokwengeza isixhumanisi se-Font Awesome CDN:

<head>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>

Incazelo Yokuqalisa Ngefonti Emangalisayo

Uma usungeze isixhumanisi se-CDN efayeleni lakho le-HTML, sekuyisikhathi sokufaka izithonjana ze-Font Awesome. Izithonjana zifakwa

Ngokucabangela ukuthi ufuna ukwengeza isithonjana sokulayisha esijikelezayo. Igama lekilasi lalokhu lithi โ€œfa-spin fa-spinnerโ€. Ngakho, ikhodi yakho izobukeka kanje:

<i class="fas fa-spin fa-spinner"></i>

Qaphela ukuthi isigaba se-"fas" sijwayelekile kuzo zonke izithonjana eziqinile. Ikilasi elithi โ€œfa-spinโ€ lisetshenziselwa ukwenza isithonjana sijikeleze, futhi i-โ€œfa-spinnerโ€ igama lesigaba lesithonjana sangempela okufanele siboniswe - kulokhu, isithonjana sokulayisha.

Ukwengeza, imibala yezithonjana, osayizi, nokuqondanisa kungalungiswa kalula kusetshenziswa i-CSS. Ungakwazi ukushintsha usayizi wesithonjana ngokwengeza okuthi โ€œfa-xsโ€, โ€œfa-smโ€, โ€œfa-lgโ€, โ€œfa-2xโ€, โ€œfa-3xโ€, noma โ€œfa-4xโ€ kusibaluli sekilasi. .

Okuthunyelwe okuhlobene:

Shiya amazwana