Skocz do zawartości

[HTML] Jak dodać Font Awesome?


Rekomendowane odpowiedzi

[HTML] Jak dodać Font Awesome?

 

& Przykład

pre_1464552529__877.png

 

& HTML

Aby Font Awesome działał na naszej stronie wystarczy dodać poniższy kod w odpowiednie miejsce (czyli w sekcji <head>)

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

 

Teraz wystarczy przejść na stronę z listą ikonek awesome i wybrać jedną z nich. Po wykonaniu tych kroków wystarczy dodać kod do naszego dokumentu html.

 

& Ikonki wykorzystane na przykładzie:

1. Ikonka bomby

<i class="fa fa-bomb" aria-hidden="true"></i>

 

2. Ikonka piwa

<i class="fa fa-beer" aria-hidden="true"></i>

 

3. Ikonka hasztagu

<i class="fa fa-hashtag" aria-hidden="true"></i>

 

4. Ikonka dłoni

<i class="fa fa-hand-o-right" aria-hidden="true"></i>

 

5. Ikonka wifi

<i class="fa fa-wifi" aria-hidden="true"></i>

 

6. Ikonka dłoni 2

<i class="fa fa-hand-scissors-o" aria-hidden="true"></i>

 

 

Zakaz kopiowania bez zgody autora.
  • Like 1
Odnośnik do komentarza
Udostępnij na innych stronach

  • Kasia! zablokował(a) ten temat
  • -_- odblokował(a) ten temat

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Korzystając z tej strony zgadzasz się na Polityka prywatności