Compatibilità:

WebSite X5 Evo e Pro


Sul web le icone impazzano: sono leggere e scalabili, quindi perfette per pagine e App che devono caricarsi velocemente e adattarsi a dispositivi diversi. Con l’Oggetto Font Awesome Icons scegli tra oltre 600 icone, le includi nelle tue pagine e ne definisce lo stile senza doverti preoccupare né di scaricare il pacchetto di font né di lavorare sui fogli di stile (CSS). Noi lo abbiamo usato in diversi Template, tra i quali PetsVet. Guarda l’Oggetto all'opera in alcuni esempi della pagina di Anteprima



Cos'è e perché usare un Icon Font

Molto semplicemente un Icon Font è un web font che contiene icone al posto dei caratteri tipografici. Gli Icon Font sono sempre più utilizzati nello sviluppo di App e siti web perché sono:

  • leggeri, hanno dimensioni ridotte;
  • vettoriali e scalabili senza alcuna perdita di qualità;
  • compatibili con tutti i principali browser oltre che gli screen reader per non vedenti;
  • gestibili via CSS (Cascading Style Sheets). 


Font Awesome, in particolare, è una delle più grandi raccolte open source di icone. Offre più di 600 icone vettoriali che possono essere usate gratuitamente anche per scopi commerciali.


Come si inserisce un’icona

  • Fai doppio click sull’Oggetto Font Awesome Icons inserito per accedere alla finestra con tutte le opzioni.
  • Utilizza i menu Categoria e Icona per scegliere e selezionare l’icona da utilizzare.
  • Imposta le Dimensioni in pixel dell’Oggetto e le Dimensioni dell’icona in percentuale rispetto a quelle complessive.
  • Definisci il Colore dell’icona e quello dello sfondo dell’Oggetto. Se prevedi uno sfondo colorato puoi anche agire sullo smusso per ottenere degli angoli arrotondati.
  • Se vuoi trasformare l’icona in un pulsante vero e proprio, clicca sul pulsante per richiamare la finestra Collegamenti e scegliere l’Azione che ti è utile.   
  • Quando sei soddisfatto, clicca sul pulsante Ok per confermare.


Impaziente di usarlo nelle pagine del tuo sito? Installa subito l’Oggetto Font Awesome Icons


Non hai Crediti a sufficienza per acquistare questo Oggetto? Vedi tutti i pacchetti di Crediti


#tip - Le icone sono perfette per il design delle tue pagine e sei alla ricerca di nuove proposte? Prova anche gli Oggetti Icons8 Win10 Icons, Vivid Icons, Phosphor Icons e OpenMoji Icons