Responsywne i bezpłatne ikonki dla Twojej strony - Font Awesome

Responsywne i bezpłatne ikonki dla Twojej strony - Font Awesome

Font Awesome to genialne rozwiążanie umożliwiające wyświetlanie ikonek na naszych witrynach. Wystarczy skopiować i wkleić odpowiedni kod. Ikonki od Font Awesome są responsywne i bezpłatne. Jak ich używać?

Nowa wersja 4.0 może na początku sprawić problemy. O ile z poprzednią wersją Font Awesome nie miałam żadnych problemów, (nie wymagała ona instalowania dodatków, czy wklejania kodu) o tyle wersja 4.0 wymagała wklejenia odpowiedniego linku w kodzie strony.

Responsywne i bezpłatne ikonki - Font Awesome

01Aby zainstalować ikonki trzeba odnaleźć odpwiedni folder z index.php szablonu. W moim przypadku bylo to:
 

/templates/nazwa-szablonu/layouts/default.php

02Następnie, w sekcji <head> należy wkleić kod:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

Instrukcję w języku angielskim znajdziecie tutaj

03Po dodaniu kodu bez żadnych przeszkód możemy używać ikonek od Font Awesome na naszej stronie. Wystarczy posłużyć się kodem. Przykład:

Ikonki od Font Awesome

Ikony Font Awesome mogą być dowolnie modyfikowane, możemy np. zmieniać ich kolor i wielkość. Więcej informacji tutaj.  

Spodoba Ci się również:
Optymalizuj zdjęcia zanim wrzucisz je na stronę
Jak zainstalować czcionkę do Gimpa?