Četiri generatora fontova ikone prilagođenih ikona u usporedbi
Fontovi ikona su trenutno bijesni. Oni čine tako lako dosaditi vektorsku grafiku na stranicu da im se dizajneri svugdje okreću kao primarnom načinu rukovanja ikonama.
Problem je, naravno, potrebna nam je veća kontrola nad kojim ikonama ugrađujemo. Ponekad crpimo iz različitih izvora, uključujući i naš vlastiti rad, i treba nam dobar način da to sve spojimo. Unesite generatore fonta ikona. Pratite dok uspoređujemo nekoliko naših favorita.
Zašto generator?
Loša strana korištenja fonta ikona je što ste ograničeni ikonama koje se nalaze u skupu koji ste preuzeli. Ako želite uključiti tri različite ikone iz tri različita skupa, morat ćete se učitati u tri različita slova, što zapravo može značiti učitavanje u stotine ikona koje vam jednostavno nisu potrebne.
Očito, ako idete na mršavu, zaluđenu stranicu bez suvišnih resursa i nepotrebnih zaostajanja za učitavanjem, ovo nije najbolji način za ugradnju ikona. Tu se pojavljuju prilagođeni fontovi ikona. U ovom scenariju uzimate svoje tri ikone, bacate ih u jedan maleni prilagođeni font i ugrađujete ih na svoju stranicu.
Nažalost, nemaju svi mi znanja ili resursa za izgradnju vlastitih fontova. Ne brinite se, ipak, pokrili ste ove prilagođene generatore fonta ikona. Bez obzira želite li koristiti vlastite ikone ili utjecati na postojeće ikone, u nastavku je alat da biste obavili posao.
Fontello
Prvi generator koji ćemo provjeriti je Fontello. Ova je aplikacija super glatka, vrlo jednostavna za korištenje i ima jedanaest potpuno besplatnih ikona, uključujući Font Awesome i Iconic. Ne možete odabrati tisuće ikona, ali sigurno je dovoljno da biste mogli pronaći ono što tražite.
Kada ste pronašli ono što tražite, taj je zadatak pojednostavljen trenutnom aktualizacijom značajke pretraživanja na vrhu stranice. Ovdje volim filtriranje uživo, što je puno bolje nego čekati da se nova stranica učita s vašim rezultatima pretraživanja.
Odabir ikona za vaš vlastiti font jednostavan je kao klikanje na njih. Nakon što pronađete i odaberete ikone koje želite uključiti, preskočite na drugu karticu na kojoj možete promijeniti imena svake ikone. Male mogućnosti prilagodbe čine ovu Fontello tako velikom.
Sljedeći korak je provjera kartice "Uredi kodove" kako biste prilagodili znakove povezane sa svakom ikonom. To je dovoljno jednostavno, jednostavno koristite dostavljena polja.
Nakon dovršetka gornjih koraka spremni ste za rad. Jednostavno upišite naziv datoteke i kliknite vezu za preuzimanje da biste dobili svoj vlastiti font.
preuzimanje datoteka
Preuzimanje Fontello uključuje ogromnih četrnaest datoteka raspoređenih u nekoliko mapa. Otisak svake datoteke je malen, ali sam broj stavki koje primite može se činiti neodoljivim nekome tko je tražio jednostavno rješenje. Kao što je rečeno, stvarno je lijepo imati potpuno funkcionirajući primjer za rad, a oni su uložili puno napora kako bi bili sigurni da je sve što je moguće preglednije.
IcoMoon
Sljedeća aplikacija koju ćemo pogledati je IcoMoon. Iskreno, dosta je nalik Fontellu, ali postoje neke ključne razlike koje vrijedi ispitati.
Kao i kod Fontella, možete pregledavati ikone pomičući se ili upotrebljavajući značajku integriranog pretraživanja kako biste pronašli nešto specifično.
Dostupno je puno više ikona nego što ih vidite prema zadanim postavkama. Da biste provjerili ostatak, pritisnite gumb "Biblioteka" pri vrhu zaslona.
Ovo će vas odvesti na stranicu koja trenutno ima šesnaest različitih zbirki od kojih su mnoge besplatne, a druge morate kupiti.
Uvoz drugih resursa
Jedna od najboljih značajki IcoMoon-a je mogućnost uvoza drugih resursa da biste ih uključili u svoju prilagođenu gradnju. Možete prenijeti druge fontove ikona ili čak vlastitu prilagođenu SVG grafiku. To čini IcoMoon sjajnim resursom za one koji žele izraditi vlastiti font ikona od nule.
Stvaranje slova
Nakon što odaberete ikone, možete nastaviti s preuzimanjem fonta putem gumba na dnu stranice. Također primijetite da imate mogućnost za preuzimanje ikona u obliku slike (to će stvoriti stranicu sprite-a).
Kao i kod Fontella, i prije preuzimanja vam se nude neke mogućnosti za promjenu postavki i kodiranje vašeg fonta.
preuzimanje datoteka
Preuzimanje je ovdje znatno manje nego kod Fontella. Postoji samo devet datoteka, od kojih je pet stvarni font. U osnovi, Fontello vam daje hrpu CSS datoteka, dok ga IcoMoon kondenzira s jednim. To sve čini mnogo lakšim za prosijavanje, a također je i demo stranica ljepša.
Pictonic
Sljedeći na našem popisu je Pictonic. Da biste koristili ovu stranicu, morate se prijaviti za račun. Odatle imate tri opcije. Možete koristiti besplatne ikone, upotrebljavati plaćene ikone po stopi od 0, 59 USD po ikoni ili primati neograničen pristup za 199 USD.
Ovdje vidimo istu vježbu kao i prije, koristite značajku pretraživanja uživo ili pregledajte dostupne ikone pomicanjem i klikom na one koje želite.
Tu je i padajući izbornik koji vam omogućuje jednostavno filtriranje rezultata po kategorijama. Ovo je također dobar način da pogledate 320 besplatnih ikona (koje su uglavnom društveni i softverski logotipi).
preuzimanje datoteka
Ovog puta, zapravo ne vidim nikakve mogućnosti za prilagodbu vašeg preuzimanja, jednostavno kliknite "Nastavi", a zatim "Preuzmi" i dobit ćete ono što je ispadalo naše najveće preuzimanje do sada.
S Pictonic-om automatski primate datoteke na gotovo svaki način na koji ih želite: datoteke sa fontom, PNG-ovi i SVG-ovi. Broj dobijenih datoteka ovisi o broju odabranih ikona. Volim da imam sve ove mogućnosti, ali volio bih odabrati ono što radim, a ne želim prije preuzimanja.
Pictos Server
Posljednji put spasio sam vanjski dio. Pictos Server progovara o stvarima prilično drugačije od ostalih web lokacija. Umjesto da gradite vlastiti font koji ste preuzeli i ugradili na svoj vlastiti poslužitelj, Pictos je domaćin ikona za vas. Općenito je poznat kao "Typekit ikona", što je pristojan opis onoga što možete očekivati od usluge.
Prema mom računu, trenutno se može odabrati oko 338 ikona. Možete smanjiti ponudu odabirom nekog od Pictosovih setova ili traženjem nečeg specifičnog.
Nakon što odaberete ikone, možete upisati znakove koje želite predstavljati svaku ikonu. Odavde jednostavno kliknite gumb "Generiraj kod" koji vam daje CSS ugrađenu vezu koju jednostavno bacite u datoteku.
cijena
Budući da je Pictos usluga hostinga, očito je uključena mjesečna naknada. Cijene za planove postavljaju se prema prikazima stranica, počevši od 0 USD za do 25000 mjesečnih prikaza do 50 USD za do 4, 000, 000 mjesečnih prikaza.
Također je važno napomenuti da se čini da je slobodni plan ograničen na dvanaest ikona po fontu.
Kako se uspoređuju?
Očito, odgovor na pitanje koja je web lokacija „najbolja“ ovisi o vašim specifičnim potrebama. Čini se da se svaka web lokacija ističe na svoj način. Ako tražite najlakše rješenje, ne možete pobijediti Pictos Server. Tu je stvarno jako malo posla i umetanje fonta ikone je kratko.
Ako tražite tonu besplatnih fontova bez problema s prijavom na račun, pogledajte Fontello. Izvrsna je usluga s puno mogućnosti i vjerojatno će biti sve što trebate.
U pogledu značajki i opcija, IcoMoon je teško pobijediti. Sviđa mi se što vam omogućuje prijenos i integriranje vlastitog rada ili čak i drugih fontova ikona koje ste pronašli. Ovdje se nalaze i tona besplatnih ikona, pa čak i nekoliko premium paketa ako stvarno želite sve riješiti.
Sveukupno, Pictonic je vjerojatno bio moj najmanje omiljeni dio. Besplatni odabir ikona nije sve tako sjajan i nemate mogućnosti prilagođavanja koje imaju ostale usluge. Jedna stvar koja mi se sviđa kod Pictonic-a je izravan model cijena za premium ikone: 0, 59 USD po ikoni ili 199 USD za neograničen pristup. Lijepo i jednostavno!
Koji je generator fontova ikona najdraži?
Sve u svemu sve ove usluge vrijedi provjeriti. Svi su oni zaista jednostavni za korištenje i prepuni vrijednosti.
Sad kad ste vidjeli moje misli o ova četiri generatora fontova, ostavite komentar u nastavku i recite mi svoje misli. Jeste li koristili neku od ovih usluga u prošlim projektima? Što preporučujete? Koje su mi druge mogućnosti propustile?
