Font awesome: Udhëzuesi i plotë i bibliotekës

Ikona të lirë font awesome: çfarë është dhe çfarë përdoret për të. Si të lidhni ikonat në vend. Avantazhet dhe disavantazhet e bibliotekës.

Font Icon Awesome Set: Udhëzuesi Ultimate

Font Awesome është një grup fontesh dhe ikonash bazuar në CSS dhe më pak. Mjeti ju lejon të lidhni shpejt të gjitha llojet e ikonave në faqe, duke përmirësuar ndjeshëm dizajnin dhe përdorshmërinë e saj. Është e mjaftueshme për të futur disa rreshta të kodit.

Font Awesome ju jep ikona të shkallëzueshme të vektorit që mund të personalizoni lehtësisht - madhësinë, ngjyrën, hijet dhe gjithçka tjetër që mund të bëhet me CSS.

Font Awesome Biblioteka ka një koleksion të madh të sugjerimeve më të mira për ju. Ju përmirësoni projektin tuaj me ikona unike. Në fakt, ky është një grup i madh i të gjitha llojeve të ikonave që mund të përdorni për qëllimet tuaja.

Në Fontawesome, të gjitha ikonat janë absolutisht dhe plotësisht të lira. Biblioteka është e licencuar sipas licencës së përgjithshme publike GNU. Kjo do të thotë se mund të përdoret lirisht në projektet komerciale dhe, në parim, kudo.

Set u krijua nga Dave Gandhi. Ai përfshin ikona të lirë të mediave sociale, ikona për të përmirësuar ndërfaqen e përdoruesit, dhe më shumë.

Në mënyrë tipike, skriptet font awesome font përdoren në lidhje me bootstrap dhe bootstrapcdn. Font awesome është e dyta vetëm për Google fonts në popullaritet.

Si punon

Tipari kryesor është se të gjitha ikonat e mrekullueshme të shkronjave nuk janë imazhe statike. Ata janë në format font. Me fjalë të tjera, këto janë fontet e ikonave. Për shembull, një ikonë kërkimi ose një logo e rrjetit social është e njëjtë me karakteret e thjeshta a, b, c.

Font ikona awesome janë krijuar duke përdorur vektorë të shkallëzuar. Prandaj, ato mund të rriten në pothuajse çdo madhësi.

Të gjitha ikonat në dispozicion janë të përfshira në një skedar font. Të gjitha që ju duhet është të shkarkoni këtë skedar nga faqja zyrtare dhe ta lidhni atë në stile.

Pse designers zgjedhin font awesome

Font awesome ka një numër të avantazheve:

• Lidhje e shpejtë. Ju vetëm duhet të shkarkoni një skedar të veçantë nga faqja zyrtare dhe ta lidhni duke specifikuar rrugën për atë në kodin CSS.
• Fleksibilitet dhe shkallëzim. Ikonat mund të zgjerohen në çdo madhësi. Simbolet do të jenë aq të qarta sa lejon pajisja. Në epokën e dizajnit të përgjegjshëm, kjo është e rëndësishme. Nga rruga, për të njëjtën arsye, ikonat e font awesome janë të përshtatshme për shfaqje retinë.
• Stilizim. Ikonat mund të ndryshohen lehtësisht në ngjyrë, madhësi, hije ose ndonjë parametra të jashtëm të jashtëm. Projektuesi merr të gjitha përfitimet e stilit të rregullt të stilit. Ju gjithashtu mund të rrotulloni ikonat. Për shembull, shfaqni kokëposhtë ose rrotulloni 90 gradë.
• Ngarkimi i shpejtë i faqes. Të gjitha ikonat janë të përfshira në një skedar font. Pra, vetëm merr një kërkesë http për të ngarkuar font awesome. Kjo është e madhe për performancën e internetit.
• Dashuria e shfletuesve. Font Awesome është një mjet ndër-shfletues. Ju nuk duhet të shqetësoheni për pajtueshmërinë e shfletuesit të fonteve dhe ikonave. Ata janë të mbështetur mirë nga të gjithë. Edhe IE8 e vjetër.
• Në përputhje me kornizat e ndryshme. Biblioteka u krijua kryesisht për bootstrap. Megjithatë, do të funksionojë mirë edhe me kornizat e tjera.
• Disa formate. Mjeti është i disponueshëm në formatet .stf, .woff dhe svg. Pra, font awesome trajtohet në të njëjtën mënyrë si fonts të tjera web.
• Nuk kërkohet JavaScript. Font awesome nuk kërkon Javascript për të kandiduar.

Kështu, Font Awesome është një mjet efektiv dhe i përshtatshëm që kursen në mënyrë të konsiderueshme kohën e paraqitjes dhe përshpejton faqen tuaj te internetit.

Disavantazhet e font awesome

Mjeti gjithashtu ka disavantazhe. Për fat të mirë, nuk ka shumë prej tyre.

Së pari, ikonat mund të pikturohen vetëm në një ngjyrë. Megjithatë, ky kufizim mund të anashkalohet. Për shembull, kombinimi i ikonave të lira me njëri-tjetrin. Ose duke përdorur efekte CSS

Së dyti, biblioteka awesome font përmban shumë ikona dhe ato janë të përfshira në një skedar. Nëse një projektuesi ose dizajni i faqeve duhet të lidhë vetëm disa ikona, ata ende duhet të ngarkojnë tërë bibliotekën tërësisht. Dhe këto janë qindra mijëra ikona ekstra që do të marrin hapësirë. Megjithatë, këtu ka një zgjidhje - duke krijuar asamblenë tuaj, e cila do të përfshijë vetëm ikonat e nevojshme.

Versione awesome font: 5 dhe 6

Font Awesome 5 u lirua më 7 dhjetor 2017 dhe fillimisht përmbante 1278 ikona. Versioni i pestë vjen në dy paketa: pa pagesë (font awesome falas) dhe paguar (font awesome pro). Plani i lirë gjithashtu përmban ikona nga të gjitha versionet e katërt. Ikonat janë në dispozicion nën licencën Sil Open Font 1.1, Creative Commons Attribution 4.0, dhe MIT.

Font Awesome 6 është një version i ri që u lirua në gjysmën e dytë të vitit 2020. Ai përfshin ikona të reja dhe është në dispozicion vetëm në një plan të paguar.

Font Awesome 6 Alpha është gjithashtu në rrugë në 2021. Ky është një tjetër brez i ri i bibliotekës së ikonave. Përveç ikonave të reja, versioni 6 alfa gjithashtu shton stile të reja, shërbime të reja dhe mjete ndihmëse. Përdoruesit mund të para-rendit.

Planet e lira dhe të paguara: Dallimet dhe veçoritë

Ju mund të shkarkoni ikona për planin tarifor të lirë ose të paguar.

Plani i lirë përfshin mbi 1600 ikona dhe 1 të vendosur. Një kit është një koleksion i ikonave, stileve dhe cilësimeve që ju lejojnë të bëni ndryshime të shpejta pa shtuar kodin.

Tarifa e paguar:

• Përfshin mbi 7800 ikona dhe 20 grupe.
• Ofron qasje në font awesome pro. Kjo do të thotë që ikonat mund të përdoren në aplikacionet mobile amtare dhe në kompjuterin tuaj (për shembull, në një redaktor teksti të fjalës ose kur krijoni një prezantim në PowerPoint).
• Ju lejon të ngarkoni ikonat tuaja. Ju mund të përdorni ikonat tuaja së bashku ose në vend të ikonave zyrtare të font-it awesome. Për shembull, kjo është se si mund të ngarkoni një logo të kompanisë. Ju mund të bëni të njëjtat veprime me ikonat tuaja si me ato themelore - ndryshoni stilin, madhësinë, ngjyrën etj.

Të dy versionet janë të përhershme. Kjo është, ato ofrohen një herë e përgjithmonë.

Mënyrat për të lidhur font awesome

Para së gjithash, ju duhet të shkoni në faqen zyrtare të internetit dhe shkarkoni bibliotekën. Arkivi i shkarkuar duhet të jetë i papërpunuar dhe dosjet CSS dhe Fonts kopjohen në dosjen tuaj të faqes.

Pas kësaj, rruga në skedarin e bibliotekës është e specifikuar në mes të etiketave të kokës. Për shembull:

Si të shfaqni ikonat e mrekullueshme në një faqe interneti. Metodat më të njohura:

1. Përdorimi i HTML

Mënyra më e lehtë.

Ju duhet të shkoni në galeri në faqen zyrtare të internetit (fontawesome.com/icons?d=gallery) dhe zgjidhni ikonën që ju pëlqen. Çdo ikonë ka një kod personal, për shembull:. Mjafton të kopjoni dhe ngjisni atë në vendin e duhur në kodin.

2. nëpërmjet CSS

Për ta bërë këtë, përdorni elementët pseudo pas ose më parë, si dhe Unicode e ikonës së kërkuar. Ju mund të merrni të gjitha në të njëjtën galeri. Një shembull i kodit të tillë: F209.

Një shembull i një skedari të stilit:

Div :: Pas {Display: bllok; Përmbajtja: 'F209'; font-familja: 'font awesome 5 falas';}

Në përfundim: të gjitha ikonat e mrekullueshme

Kështu, font awesome është një mënyrë e shpejtë dhe e përshtatshme për të shtuar ikona të lirë në faqen tuaj te internetit. Të gjitha ikonat janë lehtësisht të shkallëzueshme dhe nuk ngadalësojnë vendin.