Font Awesome: mwongozo kamili wa maktaba.

Icons ya bure Font Awesome: Ni nini na ni nini kinachotumiwa. Jinsi ya kuunganisha icons kwenye tovuti. Faida na hasara za maktaba.

Font Awesome icon kuweka: mwongozo wa mwisho.

Font Awesome ni seti ya fonts na icons kulingana na CSS na chini. Chombo hiki kinakuwezesha kuunganisha aina zote za icons kwenye tovuti, kwa kiasi kikubwa kuboresha kubuni na usability wake. Ni ya kutosha kuingiza mistari michache ya msimbo.

Font Awesome inakupa icons mbaya za vector ambazo unaweza kubinafsisha kwa urahisi - saizi, rangi, vivuli, na kila kitu kingine ambacho kinaweza kufanywa na CSS.

Maktaba ya kushangaza ya Font ina mkusanyiko mkubwa wa maoni bora kwako. Unaboresha mradi wako na icons za kipekee. Kwa kweli, hii ni seti kubwa ya kila aina ya icons ambazo unaweza kutumia kwa madhumuni yako mwenyewe.

Katika fontAwesome, icons zote ni kabisa na bure kabisa. Maktaba ni leseni chini ya leseni ya umma ya GNU. Hii ina maana kwamba inaweza kutumika kwa uhuru katika miradi ya kibiashara na, kwa kanuni, kila mahali.

Seti iliundwa na Dave Gandhi. Inajumuisha icons za vyombo vya habari vya bure, icons ili kuboresha interface ya mtumiaji, na zaidi.

Kwa kawaida, script ya font ya ajabu hutumiwa kwa kushirikiana na Bootstrap na BootstraPCDN. Font Awesome ni ya pili tu kwa fonts za Google kwa umaarufu.

Inavyofanya kazi

Kipengele kikuu ni kwamba icons zote za ajabu za font sio picha za tuli. Wao ni katika muundo wa font. Kwa maneno mengine, haya ni fonts za icon. Kwa mfano, icon ya utafutaji au alama ya mtandao wa kijamii ni sawa na wahusika rahisi A, B, C.

Icons ya Awesome ya Font imeundwa kwa kutumia vectors scalable. Kwa hiyo, wanaweza kuongezeka kwa karibu ukubwa wowote.

Icons zote zilizopo zinajumuishwa kwenye faili moja ya font. Wote unahitaji ni kupakua faili hii kutoka kwenye tovuti rasmi na kuunganisha katika mitindo.

Kwa nini wabunifu huchagua font Awesome.

Font Awesome ina faida kadhaa:

• Uunganisho wa haraka. Unahitaji tu kupakua faili maalum kutoka kwenye tovuti rasmi na kuunganisha kwa kubainisha njia hiyo kwenye msimbo wa CSS.
• Flexibility na scalability. Icons inaweza kupanuliwa kwa ukubwa wowote. Ishara itakuwa wazi kama kifaa inaruhusu. Katika umri wa kubuni msikivu, hii ni muhimu. Kwa njia, kwa sababu hiyo, icons za Awesome za Font zinafaa kwa maonyesho ya retina.
• Stylization. Icons inaweza kubadilishwa kwa urahisi katika rangi, ukubwa, kivuli au vigezo vingine vya nje. Muumbaji anapata faida zote za maandishi ya kawaida ya styling. Unaweza pia kugeuza icons. Kwa mfano, onyesha chini au kugeuza digrii 90.
• Upakiaji wa haraka wa tovuti. Icons zote zinajumuishwa kwenye faili moja ya font. Kwa hiyo inachukua tu ombi moja la HTTP ili kupakia font Awesome. Hii ni nzuri kwa utendaji wa tovuti.
• Upendo wa browsers. Font Awesome ni chombo cha msalaba-browser. Huna haja ya wasiwasi juu ya utangamano wa kivinjari wa fonts na icons. Wanasaidiwa vizuri na wote. Hata ya zamani ya IE8.
• Inapatana na mifumo tofauti. Maktaba iliundwa hasa kwa Bootstrap. Hata hivyo, itafanya kazi vizuri na mifumo mingine pia.
• Muundo kadhaa. Chombo kinapatikana katika muundo wa .eot, .ttf, .woff na SVG. Hivyo font Awesome inashughulikiwa kwa njia sawa na fonts nyingine za wavuti.
• Hakuna JavaScript inahitajika. Font Awesome hauhitaji JavaScript kukimbia.

Hivyo, Font Awesome ni chombo cha ufanisi na rahisi ambacho kinaokoa muda wa mpangilio na kuharakisha tovuti yako.

Hasara ya font Awesome.

Chombo pia kina hasara. Kwa bahati nzuri, hakuna wengi wao.

Kwanza, icons inaweza tu rangi katika rangi moja. Hata hivyo, upeo huu unaweza kuvuruga. Kwa mfano, kuchanganya icons za bure kwa kila mmoja. Au kutumia madhara ya CSS.

Pili, maktaba ya ajabu ya font ina icons nyingi na wote ni pamoja na faili moja. Ikiwa mtengenezaji au mpangilio wa mpangilio anahitaji tu kuunganisha icons kadhaa, bado wanapaswa kupakia maktaba yote kabisa. Na haya ni mamia ya maelfu ya icons za ziada ambazo zitachukua nafasi. Hata hivyo, kuna suluhisho hapa pia - kujenga mkusanyiko wako mwenyewe, ambayo itajumuisha tu icons zinazohitajika.

Vertions ya Awesome ya Font: 5 na 6.

Font Awesome 5 ilitolewa mnamo Desemba 7, 2017 na awali ilikuwa na icons 1278. Toleo la tano linakuja katika paket mbili: bure (Font Awesome bure) na kulipwa (Font Awesome Pro). Mpango wa bure pia una icons kutoka kwa matoleo yote ya nne. Icons zinapatikana chini ya leseni ya Font ya Open 1.1, Creative Commons Attribution 4.0, na MIT.

Font Awesome 6 ni toleo jipya ambalo liliachiliwa katika nusu ya pili ya 2020. Inajumuisha icons mpya na inapatikana tu katika mpango uliolipwa.

Font Awesome 6 Alpha pia ni njiani mwaka 2021. Hii ni kizazi kingine cha maktaba ya icon. Mbali na icons mpya, toleo la 6 Alpha pia linaongeza mitindo mpya, huduma mpya, na zana za kusaidia. Watumiaji wanaweza kuagiza kabla.

Mipango ya bure na ya kulipwa: tofauti na vipengele.

Unaweza kupakua icons kwa mpango wa ushuru wa bure au kulipwa.

Mpango wa bure unajumuisha icons zaidi ya 1600 na kuweka 1. Kit ni mkusanyiko wa icons, mitindo, na mipangilio ambayo inakuwezesha kufanya mabadiliko bila kuongeza msimbo.

Ushuru wa kulipwa:

• Inajumuisha icons zaidi ya 7800 na seti 20.
• Inatoa upatikanaji wa Font Awesome Pro. Hii ina maana kwamba icons inaweza kutumika katika maombi ya asili ya asili na kwenye kompyuta yako (kwa mfano, katika mhariri wa maandishi ya neno au wakati wa kuunda uwasilishaji katika PowerPoint).
• Inakuwezesha kupakia icons zako mwenyewe. Unaweza kutumia icons zako mwenyewe pamoja au mahali pa icons rasmi ya Font Awesome. Kwa mfano, hii ndio jinsi unaweza kupakia alama ya kampuni. Unaweza kufanya vitendo sawa na icons zako kama na msingi - kubadilisha mtindo, ukubwa, rangi, nk.

Matoleo hayo yote yanaendelea. Hiyo ni, hutolewa mara moja na kwa wote.

Njia za kuunganisha font Awesome.

Awali ya yote, unahitaji kwenda kwenye tovuti rasmi na kupakua maktaba. Archive iliyopakuliwa inapaswa kufutwa na folda za CSS na fonts zinakiliwa kwenye folda yako ya tovuti.

Baada ya hapo, njia ya faili ya maktaba imeelezwa kati ya vitambulisho vya kichwa. Kwa mfano:

Jinsi ya kuonyesha icons za Awesome kwenye tovuti. Njia maarufu zaidi:

Kutumia HTML.

Njia rahisi.

Unahitaji kwenda kwenye nyumba ya sanaa kwenye tovuti rasmi (fontawesome.com/icons?d=gallery) na uchague icon unayopenda. Kila icon ina msimbo wa kibinafsi, kwa mfano:. Ni ya kutosha kuiga na kuiweka mahali pa haki katika msimbo.

2. kupitia CSS.

Ili kufanya hivyo, tumia vipengele vya pseudo baada au kabla, pamoja na unicode ya icon inayohitajika. Unaweza kuchukua yote katika nyumba ya sanaa hiyo. Mfano wa Kanuni hiyo: F209.

Mfano wa kuingia kwa faili ya mtindo:

div :: baada ya {kuonyesha: kuzuia; Maudhui: 'F209'; Font-Family: 'Font Awesome 5 bure';}

Kwa kumalizia: icons zote za Awesome za Font.

Kwa hiyo, Font Awesome ni njia ya haraka na rahisi ya kuongeza icons za bure kwenye tovuti yako. Icons zote ni rahisi sana na hazipunguza tovuti.