Font Awesome

Font Awesome jako popularne źródło ikon

Written By Coder Matthew

Last updated 6 months ago

1) Wprowadzenie

Font Awesome to zestaw wektorowych ikon i symboli, które można łatwo używać w HTML, CSS i JS. Pozwala tworzyć przyciski, elementy menu, wskaźniki, powiadomienia i inne elementy UI.

https://fontawesome.com/

2) CDN

Najprostszy sposób użycia Font Awesome w Bitfun lub każdej stronie:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-v3" crossorigin="anonymous" referrerpolicy="no-referrer" /> 

Po dodaniu CDN można używać ikon w HTML:

<i class="fas fa-user"></i>
<i class="fas fa-envelope"></i>
<i class="fas fa-trophy"></i>

3) Możliwości

  • Sety ikon: solid, regular, brands

  • Skalowanie: fa-lg, fa-2x, fa-3x

  • Animacje: fa-spin, fa-pulse

  • Integracja z frameworkami: Bulma, Bootstrap, Tailwind itp.

4) Efekt

5) Podsumowanie

Font Awesome pozwala szybko i estetycznie wzbogacić stronę o ikony. W Bitfun wykorzystane zostały do menu, przycisków…