FOPENP

Font Awesome

Font Awesome è una libreria di icone che possono essere utilizzate liberamente nel proprio sito web o in una applicazione desktop. Ce ne sono più di 1000 disponibili gratuitamente.

Le icone in versione PRO sono in vendita. Bisogna quindi limitarsi a usare quelle FREE se non si vuole pagare.

Per integrare le icone nel proprio sito web, bisogna aggiungere le seguenti 3 righe nell'header della pagina:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/solid.min.css">

In questo modo non c'è bisogno di installare i font (cioè le icone) sul proprio sito web. E' possibile installare le icone sul sito web scaricandole cliccando qui, in modo da essere a prova di futuro. Attualmente le dimensioni del pacchetto FREE sono di circa 28 MB.

Queste qui sotto sono un esempio di icone di Font Awesome:


Per aggiungere le icone sopra, bisogna integrare le classi di font-awesome all'interno di un tag <i> oppure <span> .

<i class="fa-sharp fa-solid fa-user"></i>
<i class="fa-solid fa-gas-pump"></i>
<i class="fa-solid fa-floppy-disk"></i>
<i class="fa-solid fa-file-zipper"></i>
<br>
<i class="fa-brands fa-youtube">&trade;</i>
<i class="fa-brands fa-whatsapp">&trade;</i>

Questo è un elenco delle icone di Font Awesome che si possono utilizzare gratuitamente:

Elenco icone classiche
Elenco icone dei brands

2024
05 gen