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.