Fontello<\/a> i jeste\u015bmy pewni, \u017ce zakochasz si\u0119 w nim zanim doczytasz ten artyku\u0142 do ko\u0144ca.<\/p>\nFontello \u2013 cudowny generator czcionek obrazkowych<\/h2>\n
Mo\u017ce na wst\u0119pie kilka s\u0142\u00f3w o tym, czym tak w\u0142a\u015bciwie s\u0105 czcionki obrazkowe. Kiedy tworzymy dokumenty na komputerach, laptopach lub urz\u0105dzeniach przeno\u015bnych, to, w jaki spos\u00f3b s\u0105 wy\u015bwietlane cyfry i tekst, jest kontrolowane przez co\u015b, co nazywa si\u0119 rodzin\u0105 czcionki (\u201efont family\u201d). Na tak\u0105 rodzin\u0119 sk\u0142adaj\u0105 si\u0119 liczne czcionki (na przyk\u0142ad Arial, Verdana, Times New Roman) i mo\u017cna je dostosowywa\u0107 u\u017cywaj\u0105c r\u00f3\u017cnych styl\u00f3w, takich jak: pogrubienia, kursywy, podkre\u015blenia itp. Wi\u0119kszo\u015b\u0107 ludzi, kt\u00f3rzy wcze\u015bniej tworzyli dokumenty Word, z pewno\u015bci\u0105 wie o czym mowa.<\/p>\n
Czcionki obrazkowe s\u0105 to takie czcionki, gdzie zamiast liter lub cyfr, znajduj\u0105 si\u0119 symbole i glify. Przyk\u0142adem mog\u0105 by\u0107 emotikony u\u017cywane w popularnych platformach spo\u0142eczno\u015bciowych oraz komunikatorach: bu\u017aki Smiley, bu\u017aki z kresk\u00f3wek, obrazki zwierz\u0105t, znaki kierunku itp. W zasadzie wszystkie inne symbole opr\u00f3cz tekstu i liczb, kt\u00f3re mog\u0105 by\u0107 wykorzystywane w celu zobrazowania pewnych informacji mo\u017cna sklasyfikowa\u0107 jako czcionki obrazkowe (\u201eicon font\u201d). Czcionki obrazkowe s\u0105 lepszym wyborem ni\u017c standardowe obrazki, poniewa\u017c szybciej si\u0119 \u0142aduj\u0105, lepiej skaluj\u0105 i mo\u017cna je dostosowywa\u0107 za pomoc\u0105 CSS na wiele wi\u0119cej sposob\u00f3w.<\/p>\n
Po przyd\u0142ugim wst\u0119pie przejd\u017amy wreszcie do rzeczy. Fontello jest internetowym narz\u0119dziem, kt\u00f3re pozwoli Ci na tworzenie w\u0142asnych obrazkowych czcionek poprzez przekonwertowanie obraz\u00f3w wektorowych do postaci czcionek internetowych. Zapewni Ci wszystko, co jest konieczne do umieszczenie grafik na stronach internetowych, bez konieczno\u015bci programowania. Ponadto aplikacja ma ogromny wbudowany zbi\u00f3r obrazkowych czcionek open source i art-work\u00f3w, kt\u00f3re mo\u017cesz przegl\u0105da\u0107, pobiera\u0107, dostosowywa\u0107 i wykorzystywa\u0107 zupe\u0142nie za darmo. Tw\u00f3rcy na bie\u017c\u0105co aktualizuj\u0105 swoje biblioteki, dzi\u0119ki czemu warto co jaki\u015b czas je przegl\u0105da\u0107 w poszukiwaniu nowo\u015bci.<\/p>\n
Zasadniczo, narz\u0119dzie sprawi, \u017ce b\u0119dziesz, niczym czarodziej czcionek obrazkowych, tworzy\u0142 w\u0142asne ikony pasuj\u0105ce do wygl\u0105du Twojej strony internetowej oraz odpowiadaj\u0105ce charakterowi Twojej pracy i Twojemu poczuciu estetyki. A wszystko to bez konieczno\u015bci programowania i absolutnie za darmo.<\/p>\n
Dzi\u0119ki Wam, Tw\u00f3rcy Fontello!<\/p>\n
![\"Fontello](\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2017\/03\/fontello1.png\")
<\/p>\n
Jak dzia\u0142a Fontello?<\/h2>\n
Wejd\u017a na Fontello.com, a ujrzysz szerok\u0105 gam\u0119 czcionek obrazkowych wy\u015bwietlanych na stronie g\u0142\u00f3wnej. Wybierz dowoln\u0105 z nich, klikaj\u0105c na niej, i przejd\u017a do jej dostosowywania. Mo\u017cesz te\u017c wyszuka\u0107 interesuj\u0105c\u0105 Ci\u0119 czcionk\u0119 za pomoc\u0105 pola wyszukiwania w lewym g\u00f3rnym rogu.<\/p>\n
My na pr\u00f3b\u0119 wyszukali\u015bmy wyniki dla s\u0142owa kluczowego \u201esmiley\u201d. Znalaz\u0142y si\u0119 w nich wszystkie fonty, kt\u00f3rych nazwa zawiera\u0142a s\u0142owo \u201esmiley\u201d. Nast\u0119pnie wybrali\u015bmy jedn\u0105 z ikon buziek i aktywowa\u0142o si\u0119 wiele opcji w interfejsie. Mogli\u015bmy zmienia\u0107 rozmiar ikon za pomoc\u0105 wygodnego suwaka na g\u00f3rze, zmienia\u0107 nazw\u0119 czcionki w zak\u0142adce \u201eDostosuj nazwy\u201d (\u201eCustomize Names\u201d), dostosowa\u0107 kod czcionki w karcie \u201eDostosuj kody\u201d (\u201eCustomize Codes\u201d), a na koniec mogli\u015bmy pobra\u0107 czcionk\u0119 internetow\u0105. Poza opisanymi opcjami, mo\u017cemy r\u00f3wnie\u017c zaimportowa\u0107 w\u0142asne pliki czcionek do Fontello, dostosowa\u0107 je za pomoc\u0105 narz\u0119dzia, a nast\u0119pnie je zapisa\u0107. Jednak stwierdzamy, \u017ce ta funkcja jest przeznaczona przede wszystkim dla zawodowych tw\u00f3rc\u00f3w czcionek obrazkowych. Mamy tu te\u017c dost\u0119p do API, kt\u00f3re mo\u017cemy zastosowa\u0107 na w\u0142asnej stronie. Mo\u017cna tak\u017ce skontaktowa\u0107 si\u0119 z tw\u00f3rcami poszczeg\u00f3lnych czcionek, by dowiedzie\u0107 si\u0119 wi\u0119cej na temat ich tw\u00f3rczo\u015bci i tego, jak mo\u017cna dostosowa\u0107 je bardziej pod swoje potrzeby.<\/p>\n
Dzi\u0119ki Fontello masz dost\u0119p do setek czcionek obrazkowych, kt\u00f3re mo\u017cesz bez ogranicze\u0144 pobiera\u0107 i u\u017cywa\u0107 w swoich projektach. W\u0142a\u015bnie to chyba stanowi o pot\u0119dze tego narz\u0119dzia. Po prostu znajd\u017a i we\u017a to, czego potrzebujesz, wspom\u00f3\u017c tw\u00f3rc\u0119, je\u015bli chcesz, dorzu\u0107 jak\u0105\u015b czcionk\u0119 od siebie, przegl\u0105daj kod GIT ikon, tw\u00f3rz nowe czcionki obrazkowe i r\u00f3b na co tylko masz ochot\u0119. Nie musisz si\u0119 rejestrowa\u0107 i p\u0142aci\u0107 za cokolwiek, ani nawet nigdzie podawa\u0107 swojego imienia lub adresu e-mail.<\/p>\n
Prawda, \u017ce pi\u0119kne, darmowe \u015brodowisko open source?!<\/p>\n
Zalety i wady<\/h2>\n
W przypadku Fontello troch\u0119 inaczej podejdziemy do listy plus\u00f3w i minus\u00f3w narz\u0119dzia, poniewa\u017c ci\u0119\u017cko je od siebie w nim odr\u00f3\u017cni\u0107. W rzeczywisto\u015bci poni\u017csze punkty nie s\u0105 ani wadami ani zaletami. S\u0105 po prostu funkcjonalno\u015bciami aplikacji.<\/p>\n
\n- Fontello jako narz\u0119dzie online nie jest pi\u0119kne, ale takim by\u0107 nie musi. Zamiast tego jest wygodne i intuicyjne.<\/li>\n
- Fontello pozwala na wyszukiwanie czcionek obrazkowych, dostosowywanie ich i na szybkie podgl\u0105danie uzyskanych rezultat\u00f3w.<\/li>\n
- Daje Ci du\u017c\u0105 kontrol\u0119 nad czcionkami poprzez CSS. Jednak same ikony s\u0105 jednokolorowe. Istniej\u0105 sposoby na to, by by\u0142y wielobarwne, ale to ju\u017c nieco zbyt skomplikowane dla przeci\u0119tnego u\u017cytkownika. Na plus niech przemawia fakt, \u017ce wytyczne dla przejrzystych interfejs\u00f3w sugeruj\u0105, by stosowa\u0107 czcionki tylko jednego koloru.<\/li>\n
- Aplikacja wymaga niewielkiej nauki pos\u0142ugiwania si\u0119 ni\u0105. Zaledwie niewielki procent u\u017cytkownik\u00f3w rzeczywi\u015bcie potrzebuje czcionek obrazkowych, wi\u0119c je\u015bli zaliczasz si\u0119 do tej grupy, to chyba przede wszystkim interesuje Ci\u0119 wynik ko\u0144cowy, prawda?<\/li>\n<\/ul>\n
![\"Fontello\"](\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2017\/03\/fontello-1-1.png\")
<\/a><\/p>\n