In precedenza, durante la creazione di siti, era necessario utilizzare icone bitmap. Era bello, ma scomodo per una serie di motivi. Oggi, le icone vettoriali hanno sostituito le icone raster. Questa è una soluzione originale ed elegante che decorerà e rinfrescerà il tuo sito.
Istruzioni
Passo 1
Esiste un buon servizio web per la creazione di caratteri dalle icone. Si chiama Fontastic. È completamente gratuito e senza pubblicità. Il primo passo è registrarsi sul sito web del servizio. Vai al sito web fontastic.me, inserisci il tuo indirizzo email nei campi di input e crea una password, quindi fai clic sul grande pulsante giallo "Crea il tuo carattere icona". A volte capita che non vengano visualizzate informazioni che confermino la corretta registrazione. Non preoccuparti, passa al passaggio successivo.
Passo 2
Ora fai clic sul pulsante "Accedi" situato nell'angolo in alto a destra. Nella pagina che si apre, inserisci nuovamente la tua e-mail e la password, premi il pulsante "Accedi".
Dopo aver atteso qualche secondo, si aprirà il pannello per la creazione dei caratteri dalle icone.
Passaggio 3
Ecco una vasta selezione di icone. Cliccando con il mouse sulle icone che preferisci, seleziona tutte le icone di cui hai bisogno. In alto, dopo la scritta "PUBLISH", è indicato il numero di icone selezionate.
Passaggio 4
Se non hai abbastanza icone dal numero presentato, scorri verso il basso fino alla fine della pagina e trova il pulsante che dice "Aggiungi più icone". Cliccaci sopra.
Passaggio 5
Si aprirà una pagina con pacchetti di icone aggiuntivi. Alcuni di questi sono a pagamento (etichettati "Premium"), altri sono gratuiti. Per attivare icone aggiuntive, premere il pulsante "ATTIVAZIONE" sui pacchetti selezionati. Ora appariranno nell'elenco generale delle icone disponibili quando andrai a iniziare con il pannello di controllo facendo clic sul pulsante "Home" nel menu in alto.
Passaggio 6
Se devi aggiungere le tue icone, nella stessa pagina in alto a destra, fai clic sul pulsante "IMPORTA ICONE". Ora puoi caricare le tue icone. Tieni presente che è supportato solo il formato vettoriale SVG.
Passaggio 7
Dopo aver selezionato il numero di icone desiderato, premere il pulsante "PERSONALIZZA". Qui vedrai tutte le icone selezionate e puoi assegnare loro nomi di classe arbitrari, con i quali ti riferirai a loro negli stili CSS. Oppure puoi lasciare i nomi predefiniti che il sistema ha assegnato alle icone.
Passaggio 8
Premi il pulsante "PUBBLICA". Qui puoi scaricare il carattere dell'icona vettoriale creato (pulsante "DOWNLOAD"). Scarica l'archivio dei font creato dal servizio sul tuo computer.
Passaggio 9
L'archivio scaricato contiene il file di stile CSS, il file HTML con i nomi delle classi di icone e la cartella "fonts" con i caratteri. Questo carattere icona può essere utilizzato sul tuo sito web.
Passaggio 10
Per utilizzare il carattere dell'icona creato, è necessario effettuare le seguenti operazioni:
- scompattare il contenuto dell'archivio e caricarlo sul tuo sito nella directory con gli stili;
- inserire un collegamento a un file CSS nella sezione HEAD di tutte le pagine del sito che funzioneranno con questo font dell'icona;
- nel codice della pagina, utilizziamo il nome delle classi create in precedenza per utilizzare il carattere dell'icona appena creato.
