Wcześniej podczas tworzenia witryn trzeba było używać ikon bitmapowych. To było piękne, ale niewygodne z różnych powodów. Dziś ikony wektorowe zastąpiły ikony rastrowe. To oryginalne i eleganckie rozwiązanie, które ozdobi i odświeży Twoją witrynę.
Instrukcje
Krok 1
Istnieje dobra usługa internetowa do tworzenia czcionek z ikon. Nazywa się Fontastic. Jest całkowicie darmowy i bez reklam. Pierwszym krokiem jest rejestracja na stronie serwisu. Wejdź na stronę fontastic.me, wprowadź swój adres e-mail w polach wejściowych i utwórz hasło, a następnie kliknij duży żółty przycisk „Utwórz czcionkę ikony”. Czasami zdarza się, że nie wyświetla się żadna informacja potwierdzająca udaną rejestrację. Nie przejmuj się tym, przejdź do następnego kroku.
Krok 2
Teraz kliknij przycisk „Zaloguj się” znajdujący się w prawym górnym rogu. Na stronie, która się otworzy, wprowadź ponownie swój adres e-mail i hasło, naciśnij przycisk „Zaloguj się”.
Po odczekaniu kilku sekund otworzy się panel do tworzenia czcionek z ikon.
Krok 3
Oto duży wybór ikon. Klikając myszą na ikony, które lubisz, wybierz tyle ikon, ile potrzebujesz. U góry, po słowie „OPUBLIKUJ”, wskazana jest liczba wybranych ikon.
Krok 4
Jeśli nie masz wystarczającej liczby ikon z prezentowanego numeru, przewiń w dół na dół strony i znajdź przycisk z napisem „Dodaj więcej ikon”. Kliknij na to.
Krok 5
Otworzy się strona z dodatkowymi pakietami ikon. Niektóre z nich są płatne (oznaczone „Premium”), inne są bezpłatne. Aby aktywować dodatkowe ikony, naciśnij przycisk „AKTYWUJ” na wybranych pakietach. Teraz pojawią się na ogólnej liście dostępnych ikon, gdy przejdziesz do rozpoczęcia pracy z panelem sterowania, klikając przycisk „Strona główna” w górnym menu.
Krok 6
Jeśli chcesz dodać własne ikony, na tej samej stronie w prawym górnym rogu kliknij przycisk „IMPORT IKONY”. Możesz teraz przesyłać własne ikony. Należy pamiętać, że obsługiwany jest tylko format wektorowy SVG.
Krok 7
Po wybraniu wymaganej liczby ikon, naciśnij przycisk „CUSTOMIZE”. Tutaj zobaczysz wszystkie wybrane ikony i możesz im przypisać dowolne nazwy klas, za pomocą których będziesz się do nich odwoływać w stylach CSS. Możesz też pozostawić domyślne nazwy, które system przypisał do ikon.
Krok 8
Naciśnij przycisk „OPUBLIKUJ”. Tutaj możesz pobrać utworzoną czcionkę wektorową (przycisk "POBIERZ"). Pobierz archiwum czcionek utworzone przez usługę na swój komputer.
Krok 9
Pobrane archiwum zawiera plik stylu CSS, plik HTML z nazwami klas ikon oraz folder „czcionki” z czcionkami. Ta czcionka ikony może być używana w Twojej witrynie.
Krok 10
Aby użyć utworzonej czcionki ikony, musisz wykonać następujące czynności:
- rozpakuj zawartość archiwum i prześlij na swoją stronę w katalogu ze stylami;
- wstaw link do pliku CSS w sekcji HEAD wszystkich stron witryny, które będą działać z tą czcionką ikony;
- w kodzie strony posługujemy się nazwą wcześniej utworzonych klas, aby wykorzystać nowo utworzoną czcionkę ikon.
