Šrifto nuostabus: pilnas bibliotekos vadovas

Nemokamos piktogramos Šrifto nuostabus: kas tai yra ir ką jis naudojamas. Kaip prijungti piktogramas į svetainę. Bibliotekos privalumai ir trūkumai.

Font Awesome piktogramos rinkinys: Ultimate Guide

Font Awesome yra šriftų ir piktogramų rinkinys, pagrįstas CSS ir mažiau. Įrankis leidžia greitai prijungti visas piktogramas į svetainę, gerokai pagerinti jo dizainą ir tinkamumą. Pakanka įdėti kelias kodo eilutes.

„Font Awesome“ suteikia keičiamąsias vektorines piktogramas, kurias galite lengvai suasmeninti - dydis, spalva, šešėliai ir visa kita, ką galima padaryti naudojant CSS.

„Font Awesome Library“ turi didžiulę geriausių pasiūlymų kolekciją. Jūs tobulinate savo projektą unikaliomis piktogramomis. Tiesą sakant, tai yra didžiulis visų rūšių piktogramų rinkinys, kurį galite naudoti savo tikslais.

Fontawesome  Visos piktogramos   yra visiškai ir visiškai nemokamos. Biblioteka yra licencijuota pagal GNU bendrąją viešąją licenciją. Tai reiškia, kad jis gali būti laisvai naudojamas komerciniuose projektuose ir iš esmės visur.

Komandą sukūrė Dave Gandhi. Ji apima nemokamą socialinės žiniasklaidos piktogramas, piktogramas, kad pagerintumėte vartotojo sąsają ir dar daugiau.

Paprastai šriftu nuostabūs šriftų scenarijai naudojami kartu su bootstrap ir bootstrapcdn. Font Awesome yra antrasis tik Google šriftai populiarėja.

Kaip tai veikia

Pagrindinė funkcija yra ta, kad visi šriftai nuostabūs piktogramos nėra statiniai vaizdai. Jie yra šrifto formatu. Kitaip tariant, tai yra piktogramos šriftai. Pavyzdžiui, paieškos piktograma arba socialinio tinklo logotipas yra toks pat, kaip ir paprasti simboliai A, B, C.

Šrifto nuostabios piktogramos sukuriamos naudojant keičiamus vektorių. Todėl jie gali būti padidinami iki beveik bet kokio dydžio.

Visos turimos piktogramos yra įtrauktos į vieną šrifto failą. Viskas ko jums reikia, yra atsisiųsti šį failą iš oficialios svetainės ir prijungti jį stilių.

Kodėl dizaineriai pasirenka šriftą nuostabiu

Font Awesome turi daug privalumų:

• Greitas ryšys. Jūs tiesiog reikia atsisiųsti specialų failą iš oficialios svetainės ir prijunkite jį, nurodydami kelią į CSS kodą.
• Lankstumas ir mastelio. Piktogramos gali būti padidintos iki bet kokio dydžio. Simboliai bus tokie aiškūs, kaip leidžia įrenginys. Atsižvelgiant į reaguojančio dizaino amžių, tai svarbu. Beje, dėl tos pačios priežasties, šrifto nuostabios piktogramos yra tinkamos tinklainės ekranams.
• Stilizacija. Piktogramos gali būti lengvai keičiamos į spalvą, dydį, šešėlį ar kitus išorinius parametrus. Dizaineris gauna visus reguliaraus teksto stiliaus naudą. Taip pat galite pasukti piktogramas. Pavyzdžiui, ekranas aukštyn kojom arba pasukite 90 laipsnių.
• Greitas vietos pakrovimas.  Visos piktogramos   yra įtrauktos į vieną šrifto failą. Taigi jis trunka tik vieną http užklausą įkelti šriftą nuostabiai. Tai puikiai tinka svetainės veiklai.
• Meilė naršyklių. Font Awesome yra kryžminio naršyklės įrankis. Jūs neturite nerimauti dėl naršyklės suderinamumo šriftų ir piktogramų. Jie yra gerai palaikomi visi. Net senas IE8.
• Suderinama su skirtingomis sistemomis. Biblioteka buvo sukurta pirmiausia bootstrap. Tačiau jis taip pat gerai veiks su kitomis sistemomis.
• Keli formatai. Įrankis yra .eot, .ttf, .woff ir SVG formatuose. Taigi šriftas nuostabus yra tvarkomas taip pat, kaip ir kiti interneto šriftai.
• Nereikia JavaScript. Šrifto nuostabus nereikalauja JavaScript.

Taigi, šriftas nuostabus yra veiksmingas ir patogus įrankis, kuris žymiai taupo išdėstymo laiką ir pagreitina jūsų svetainę.

Šrifto trūkumai nuostabiai

Įrankis taip pat turi trūkumų. Laimei, nėra daug jų.

Pirma, piktogramos gali būti dažytos tik vienoje spalvoje. Tačiau šis apribojimas gali būti apeinamas. Pavyzdžiui, nemokamų piktogramų derinimas tarpusavyje. Arba naudojant CSS efektus

Antra, šriftas awesome biblioteka yra per daug piktogramų ir jie visi yra įtraukti į vieną failą. Jei dizaineris ar išdėstymo dizaineris turi prisijungti tik pora piktogramų, jie vis dar turi įkelti visą biblioteką visiškai. Ir tai yra šimtai tūkstančių papildomų piktogramų, kurie užims erdvę. Tačiau čia yra sprendimas - sukurti savo surinkimą, kuriame bus tik reikiamos piktogramos.

Šrifto nuostabios versijos: 5 ir 6

Font Awesome 5 buvo išleistas 2017 m. Gruodžio 7 d. Ir iš pradžių buvo 1278 piktogramos. Penktoji versija yra dviejų pakuočių: nemokamai (šriftas Nemokama) ir mokama (šriftas awesome pro). Nemokamas planas taip pat yra piktogramos iš visų ketvirtos versijų. Piktogramos yra prieinamos pagal Sil Open Font licenciją 1.1, Creative Commons priskyrimą 4.0 ir MIT.

Font Awesome 6 yra nauja versija, išleista 2020 m. Antroje pusėje. Ji apima naujas piktogramas ir yra prieinama tik mokamam planui.

Font Awesome 6 Alpha taip pat yra taip pat kelyje 2021 Tai dar viena naujos kartos piktogramos bibliotekos. Be naujų piktogramų, 6 versija Alpha taip pat prideda naujų stilių, naujų paslaugų ir pagalbinių priemonių. Vartotojai gali iš anksto užsisakyti.

Nemokami ir mokami planai: skirtumai ir ypatybės

Galite atsisiųsti piktogramas nemokamai arba sumokėti tarifų planą.

Nemokamas planas apima daugiau kaip 1600 piktogramų ir 1 rinkinys. Komplektas yra piktogramų, stilių ir nustatymų kolekcija, leidžianti greitai atlikti pakeitimus be to, pridedant kodą.

Mokama tarifas:

• Apima daugiau nei 7800 piktogramų ir 20 rinkinių.
• Suteikia prieigą prie šrifto nuostabaus pro. Tai reiškia, kad piktogramos gali būti naudojamos vietiniuose mobiliuose programose ir kompiuteryje (pvz., Žodžiu teksto redaktoriuje arba kuriant pristatymą PowerPoint).
• Leidžia įkelti savo piktogramas. Jūs galite naudoti savo piktogramas šalia arba vietoj oficialių šriftų nuostabių piktogramų. Pavyzdžiui, tai, kaip galite įkelti įmonės logotipą. Galite atlikti tuos pačius veiksmus su savo piktogramomis, kaip ir pagrindiniais - pakeisti stilių, dydį, spalvą ir kt.

Abi versijos yra nuolatinės. Tai yra, jie pateikiami vieną kartą ir visiems.

Būdai prijungti šriftą nuostabų

Visų pirma, jums reikia eiti į oficialią svetainę ir atsisiųsti biblioteką. Atsisiunčiamas archyvas turi būti išpakuotas ir aplankai CSS ir šriftų, nukopijuotus į jūsų svetainės aplanką.

Po to tarp galvos žymų yra nurodytas kelias į bibliotekos failą. Pavyzdžiui:

Kaip rodyti šriftus nuostabias piktogramas svetainėje. Populiariausi metodai:

1.Ved html.

Paprasčiausias būdas.

Turite eiti į galeriją oficialioje svetainėje (fontawesome.com/iconsd=Gallery) ir pasirinkite norimą piktogramą. Kiekviena piktograma turi asmeninį kodą, pavyzdžiui :. Pakanka kopijuoti ir įklijuoti jį į tinkamą vietą kode.

2. Per CSS.

Norėdami tai padaryti, naudokite pseudo elementus po arba anksčiau, taip pat reikiamos piktogramos unicode. Jūs galite jį priimti toje pačioje galerijoje. Tokio kodo pavyzdys: F209.

Stiliaus failo įrašo pavyzdys:

Div :: po {DISPLAY: blokas; Turinys: "F209"; Šrifto šeima: "šriftas awesome 5 nemokamai";}

Apibendrinant: visi šriftai nuostabūs piktogramos

Taigi šriftas nuostabus yra greitas ir patogus būdas pridėti nemokamų piktogramas į jūsų svetainę.  Visos piktogramos   yra lengvai keičiamos ir nesumažina svetainės.