Wszystko o font awesome | Webinsider - Internet widziany od środka ™

Tag: font awesome

Prosty sposób na bezpłatny dostęp do płatnych ikon Font Awesome, czyli krótkie testy przed ewentualnym zakupem

Podczas prac nad jednym z projektów, pojawił się pomysł zastosowania w ramach interfejsu użytkownika ikon Font Awesome, czyli niby nic nadzwyczajnego, bo często korzystam z tych ikon. Jednak szybko okazało się, że bezpłatne ikony w katalogu nie wystarczą, bo większość, która miałaby sens w przypadku tej webaplikacji jest dostępna tylko w wersji płatnej. A że akurat nikt z nas wersji płatnej Font Awesome nie posiada, na potrzeby projektu zakupić dostęp jeszcze za wcześnie, bo nie wiadomo, czy po weryfikacji faktycznie zostaną te ikony, to trzeba było wymyślić coś tymczasowego, na potrzeby wstępnego wdrożenia testowego. I jak się okazało, było to bardzo łatwe, wręcz banalne…

Dodawanie ikon do strony internetowej (np. do menu) na przykładzie Font Awesome 5 (i Dashicons) i WordPressa

Będzie o ikonach (nie tylko) w menu, czyli temacie trochę pochodnym ostatnich zmian na Webinsider.pl – ikony w menu były chyba od zawsze, ale niedawno dorobiły się ich wszystkie pozycje (w menu głównym), i od razu w statystykach widzę, że jest dużo większe zainteresowanie poszczególnymi pozycjami. Dostałem też kilka pytań, jak takie ikony wdrożyć, stąd ten artykuł…

Modyfikacja zawartości menu zależnie od (rozmiaru) urządzenia za pomocą CSSa, na przykładzie WordPressa

Koleżanka właśnie kończy jedną ze stron na WordPressie (landing page), którą od strony technicznej dla niej przygotowywałem. Ja odpowiadam za sprawy techniczne i co bardziej skomplikowane elementy na stronie, a ona zajmie się warstwą graficzną. Działa to całkiem sprawnie – ja lubię elementy techniczne, a koleżanka z chęcią “bawi się” wyglądem (zwłaszcza z motywem Divi, który bardzo, ale to bardzo jej w tym kontekście pasuje). Zainspirowana ikonami w menu, które zazwyczaj dodaje na stronach (np. w menu głównym na Webinsider.pl), postanowiła takie same ikony dodać u siebie…

Darmowe (web)fonty z ikonami

Wprawdzie za chwilę ruszam m.in. na Orange Warsaw Festival (OWF), ale jeszcze mała publikacja z listą bezpłatnych fontów z ikonami – a nóż sie komuś przez weekend przyda… ;-)
Zazwyczaj są w standardzie OpenType, TrueType i @font-face (Web Fonts). Czasem również do dyspozycji mamy pliki PNG, SVG, EPS, PDF i PSD.

Loading

Pin It on Pinterest