Pisava Awesome: Celotni knjižnični vodnik

Brezplačne ikone Pisava Awesome: Kaj je in kaj se uporablja za. Kako povezati ikone na spletno mesto. Prednosti in slabosti knjižnice.

Font Awesome Ikona Set: Končni vodnik

Pisava Awesome je niz pisav in ikon, ki temeljijo na CSS in manj. Orodje vam omogoča, da hitro povežete vse vrste ikon na spletno mesto, kar bistveno izboljša njegovo oblikovanje in uporabnost. Dovolj je, da vstavite nekaj vrstic kode.

Font Awesome vam omogoča razširljive ikone vektorja, ki jih lahko enostavno prilagodite - velikost, barvo, sence in vse ostalo, kar lahko storite s CSS.

Font Awesome Library ima ogromno zbirke najboljših predlogov za vas. Izboljšate svoj projekt z edinstvenimi ikonami. Pravzaprav je to ogromen nabor vseh vrst ikon, ki jih lahko uporabite za svoje namene.

V FontaweSome, vse ikone so absolutno in popolnoma brezplačno. Knjižnica je licencirana v skladu z GNU Generalno javno licenco. To pomeni, da se lahko prosto uporablja v komercialnih projektih in načeloma povsod.

Komplet je nastal Dave Gandhi. Vključuje brezplačne ikone socialnih medijev, ikone za izboljšanje uporabniškega vmesnika in še več.

Značilno je, da se pisava Awesome Font Scripts uporabljajo v povezavi z Bootstrap in Bootstrapcdn. Pisava Awesome je druga samo za popularnost Google Pisave.

Kako deluje

Glavna značilnost je, da vse pisave super ikone niso statične slike. So v formatu pisav. Z drugimi besedami, to so ikone pisave. Na primer, ikona za iskanje ali logotip socialnega omrežja je enak kot preprosti znaki A, B, C.

Pisava Awesome ikone se ustvarijo s prilagodljivimi vektorji. Zato se lahko povečajo na skoraj vsako velikost.

Vse razpoložljive ikone so vključene v eno datoteko pisave. Vse kar potrebujete je, da prenesete to datoteko z uradnega spletnega mesta in jo priključite v stile.

Zakaj oblikovalci izberejo pisavo Awesome

Pisava Awesome ima številne prednosti:

• Hitra povezava. Samo prenesite posebno datoteko z uradnega spletnega mesta in jo priključite tako, da postavite pot do nje v kode CSS.
• Prilagodljivost in razširljivost. Ikone se lahko povečajo na katerokoli velikost. Simboli bodo jasno, kot omogoča naprava. V času odzivnega zasnove je to pomembno. Mimogrede, iz istega razloga, je pisava Awesome ikone primerna za mrežnice zaslonov.
• Stylization. Ikone se lahko enostavno spremenijo v barvi, velikosti, senci ali drugih zunanjih parametrih. Oblikovalec dobi vse prednosti styling redno besedilo. Ikone lahko tudi zavrtite. Na primer, prikazati na glavo navzdol ali zavrtite 90 stopinj.
• Hitro nalaganje spletnega mesta. Vse ikone so vključene v eno datoteko pisave. Torej potrebujete samo eno zahtevo HTTP, da naložite pisavo Awesome. To je odlično za uspešnost spletnega mesta.
• Ljubezen do brskalnikov. Pisava Awesome je orodje za navzkrižno brskalnik. Ni vam treba skrbeti za združljivost brskalnika pisav in ikon. Vse jih dobro podpirajo. Celo stara IE8.
• Združljivi z različnimi okviri. Knjižnica je bila ustvarjena predvsem za zagon. Vendar pa bo dobro deloval tudi z drugimi okviri.
• Več formatov. Orodje je na voljo v .eot, .ttf, .woff in SVG formatih. Torej pisava super se ravna na enak način kot druge spletne pisave.
• Noben JavaScript ni potreben. Font Awesome ne zahteva JavaScripta za zagon.

Tako je pisava AWESOME učinkovita in priročno orodje, ki bistveno prihrani čas postavitve in pospeši vaše spletno mesto.

Slabosti pisave

Orodje ima tudi pomanjkljivosti. Na srečo jih ni veliko.

Prvič, ikone se lahko pobarvamo le v eni barvi. Vendar se lahko ta omejitev izogiba. Na primer, združevanje brezplačnih ikon. Ali z uporabo učinkov CSS

Drugič, Font Awesome Library vsebuje preveč ikon in so vse vključene v eno datoteko. Če mora oblikovalec ali oblikovalec postavitve samo povezati nekaj ikon, morajo še vedno v celoti naložiti celotno knjižnico. In to so na stotine tisoč dodatnih ikon, ki bodo zavzele prostor. Vendar pa je tukaj tudi rešitev - ustvarjanje lastne skupščine, ki bo vključevala le potrebne ikone.

Pisava Super različica: 5 in 6

Pisava Awesome 5 je bila izdana 7. decembra 2017 in prvotno vsebovala 1278 ikon. Peta različica je na voljo v dveh paketih: brezplačno (pisava super brezplačno) in plačana (pisava Awesome Pro). Prosti načrt vsebuje tudi ikone iz vseh četrtih različic. Ikone so na voljo pod licenco Fill Open Font 1.1, Creative Commons Attribution 4.0 in MIT.

Pisava Awesome 6 je nova različica, ki je bila izdana v drugi polovici leta 2020. Vključuje nove ikone in je na voljo le v plačanem načrtu.

Pisava Awesome 6 Alpha je tudi na poti leta 2021. To je še ena nova generacija knjižnice icon. Poleg novih ikon, različica 6 Alpha doda tudi nove sloge, nove storitve in podporna orodja. Uporabniki lahko prednaročilo.

Brezplačni in plačani načrti: Razlike in funkcije

Ikone lahko prenesete na brezplačen ali plačani tarifni načrt.

Prosti načrt vključuje več kot 1600 ikon in 1 set. Komplet je zbirka ikon, stilov in nastavitev, ki omogočajo hitro spreminjanje brez dodajanja kode.

Plačana tarifa:

• Vključuje več kot 7800 ikon in 20 sklopov.
• Omogoča dostop do pisave Awesome Pro. To pomeni, da se ikone lahko uporabljajo v domačih mobilnih aplikacijah in v računalniku (na primer v urejevalniku besedilnega besedila ali pri ustvarjanju predstavitve v PowerPointu).
• Omogoča nalaganje lastnih ikon. Lahko uporabite svoje lastne ikone ob ali namesto uradnih pisav Awesome ikone. Na primer, tako lahko naložite logotip podjetja. Enaka dejanja lahko izvedete z lastnimi ikonami, kot pri osnovnih - spremenite slog, velikost, barvo itd.

Obe različici sta trajne. To je, da so na voljo enkrat in za vse.

Načini za povezovanje pisave Awesome

Najprej morate iti na uradno spletno stran in prenesti knjižnico. Preneseni arhiv mora biti razpakiran in mape CSS in pisave kopirane na mapo.

Po tem je pot do knjižnične datoteke določena med glavami. Na primer:

Kako prikazati pisave Awesome ikone na spletnem mestu. Najbolj priljubljene metode:

1.Using HTML.

Najlažji način.

Morate iti v galerijo na uradni spletni strani (Fontawesome.com/icons?d=gallery) in izberite ikono, ki vam je všeč. Vsaka ikona ima osebno kodo, na primer: Dovolj je, da ga kopirate in prilepite na pravo mesto v kodi.

2. Via CSS.

Če želite to narediti, uporabite psevdo-elemente po ali prej, kot tudi Unicode potrebne ikone. Vse lahko vzamete v isti galeriji. Primer take kode: F209.

Primer vnosa datoteke slog:

Div :: Po {Display: Block; Vsebina: "F209"; pisava-družina: "pisava super 5 free";}

V zaključku: Vse pisave Awesome ikone

Tako je pisava Awesome hiter in priročen način, da na vašo spletno stran dodate brezplačne ikone. Vse ikone so lahko prilagodljive in ne upočasnijo spletnega mesta.