it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Crea il tuo set di icone di font facilmente con Fontello

Possiamo vedere che le icone dei caratteri sono ampiamente utilizzate in tutti i siti Web e per una buona ragione. L'icona del carattere è affidabile, appare nitida e nitida nello schermo DPI alto ed è facilmente regolabile in termini di dimensioni dell'icona, colore e posizione dell'icona tramite CSS. Questo rende le icone dei font facili da animare anche con CSS3 Transforms and Transitions.

C'è un gran numero di set di icone di caratteri disponibili per l'uso subito, ma potrebbero non soddisfare sempre tutte le tue esigenze. Potresti voler personalizzare le tue icone, nel qual caso, forse è meglio che tu crei il tuo set di icone.

Con tutti gli strumenti che abbiamo ora, creare il tuo set di icone Font non è così difficile come un tempo. In questo post ti mostreremo come farlo facilmente. Controlliamolo.

Preparare le icone

Prima di tutto, dobbiamo preparare le icone. Le icone devono essere in forma vettoriale. Se hai familiarità con applicazioni vettoriali come Adobe Illustrator, Inkscape e CorelDraw, puoi creare le tue icone. Assicurati che le icone mantengano i tratti uniformi, quindi esportali in formato SVG .

In alternativa, puoi anche raccogliere icone SVG che sono disponibili online gratuitamente.

In questo esempio, utilizzeremo le icone SVG di Ionicons. Ionicons ha in effetti una propria icona di carattere, ma in questo esempio ne estrarremo solo alcuni per spiegare come creare il proprio set di icone.

Ecco cosa ho scelto:

Alcune di queste icone sono composte da più forme. Quindi, prima di metterli come icona di un carattere, dobbiamo unire le forme in un unico composto. Per fare ciò, apri il .svg in Illustrator. Seleziona tutte le forme e vai a: Oggetto > Percorso composto > Crea .

Fai questo anche alle altre icone.

Creazione di caratteri

Fontello rende facile la creazione di Font Icon. Oltre a raccogliere icone dai popolari set di icone dei caratteri, Fontello ci consente anche di caricare icone esterne. Basta trascinare e rilasciare tutte le icone selezionate su Fontello . Una volta caricati, appariranno nella sezione Icone personalizzate, in questo modo.

È possibile fare clic sull'icona della matita per modificare le proprietà dell'icona, ovvero il nome CSS e il codice esadecimale.

Seleziona le tue icone personalizzate, imposta il nome del tuo carattere e fai clic sul pulsante Scarica.

Fontello genererà tutti i formati di carattere necessari: .svg, .eot, .ttf e .woff . e i fogli di stile più la demo.

Questo è tutto. La creazione di icone di caratteri non è mai stata così facile. Spero che questo suggerimento sia utile.

Come cambiare il formato del file di immagine macOS

Come cambiare il formato del file di immagine macOS

Per impostazione predefinita, tutti gli screenshot acquisiti su macOS vengono salvati sul desktop nel formato di file di immagine .PNG. Se per qualsiasi motivo, vuoi cambiare questo formato di file da .PNG a qualsiasi altro, puoi farlo facilmente.macOS consente di modificare lo screenshot predefinito da

(Consigli tecnici e di design)

Cosa 20 designer portano dentro le loro borse [PICS]

Cosa 20 designer portano dentro le loro borse [PICS]

Designer e artisti sono persone alla moda, come forse sapete. A loro piace essere creativi dai vestiti che indossano a come organizzano le loro scrivanie. Se ti sei sempre chiesto cosa portino anche i designer nelle loro borse, devi assolutamente prestare attenzione a questo.Mijlo, un collettivo con base in Olanda che ha un progetto di zaino che puoi sostenere su Kickstarter, ha contattato un gruppo di creativi di tutto il mondo, chiedendo loro l'essenziale che hanno nelle loro borse

(Consigli tecnici e di design)