Come posso usare Font Awesome in Photoshop e Fireworks?

77

Quindi ho scaricato Font Awesome e installato il font. Ora vorrei usare questo carattere nei miei progetti in Photoshop e Fireworks.

Come potrei farlo?

fonts adobe-photoshop adobe-fireworks

— Kriem
fonte

www.whatdafontawesome.co.uk seleziona il design in alto a sinistra, fai doppio clic su un'icona.

— Luke Snowden,

113

Ho trovato una soluzione che funziona per me. Basta scaricare e installare il carattere dal sito Web Font Awesome . Quindi, usa il Font Chesome Sheet per copiare e incollare le icone in Photoshop e Fireworks. (o Illustrator o qualunque cosa tu voglia usare)

Funziona perfettamente!

— Kriem
fonte

21

Va notato che è necessario fare doppio clic sull'icona stessa e quindi copiarla. Non il codice tra parentesi. Non funzionerà.

— Mathias Lykkegaard Lorenzen,

Ciao, lo sto usando in Adobe Fireworks. Questo ha funzionato solo per me dopo aver riavviato i fuochi d'artificio. Inoltre, nel cheat sheet stesso, non devi prima fare clic e caricare l'icona, nell'elenco stesso, basta evidenziare l'icona (non il testo) e copiarlo, quindi utilizzare lo strumento di testo in Fireworks e incollarlo. Se ottieni qualcosa che assomiglia a un quadrato, evidenzia solo il quadrato e seleziona il carattere fantastico

— Paul Preibisch

Quello che ha detto @MathiasLykkegaardLorenzen dovrebbe essere una parte della risposta :) Ho passato gli ultimi 10 minuti a cercare di copiare il codice di incollaggio in diversi modi.

— Imran Bughio,

Immagino che abbia funzionato, ma devo copiare da altri programmi come Inkscape o Word e quindi incollare in Keynote.

— David Silva Smith,

Funziona anche con Flash in questo modo.

— pzv

19

Questo ha funzionato per me.

Scarica FontAwesome da http://fortawesome.github.io/Font-Awesome/
Copia i file dei caratteri da "font-awesome / font" alla directory dei caratteri del tuo computer (per Mac: Applicazioni / Libro dei font)
Seleziona e copia l'icona desiderata da http://fortawesome.github.io/Font-Awesome/cheatsheet/ e incollala in Photoshop con la famiglia di font FontAwesome selezionata.

— Talha Ashraf
fonte

3

Questa dovrebbe essere la risposta accettata. Non è richiesta l'installazione di app di terze parti, ha funzionato.

— lee_mcmullen,

@lee_mcmullen Questa è esattamente la stessa risposta di quella accettata.

— Kriem,

7

Tutte queste risposte sono giuste, ma mancano tutti un dettaglio. Ecco cosa fare:

Se hai una versione precedente di FontAwesome, disinstallala dal tuo computer.
Scarica e installa FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - grande pulsante di download giallo in alto)
Vai al FontAwesome Cheat Sheet ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
Fare doppio clic e copiare l'icona effettiva che si desidera utilizzare (nessuno del testo o unicode).
In Photoshop, selezionare lo strumento testo, fare clic nel documento per creare un livello di testo, quindi incollare l'icona.

Ho trascorso per sempre usando lo strumento Sposta (il cursore predefinito) e cercando di incollare mentre ero in quello strumento. Non funziona Devi creare un livello di testo e incollarlo.

— Philip Stancil
fonte

4

È un po 'fastidioso copiare e incollare icone dal cheat sheet in un campo di testo, quindi creare i contorni per ciascuna icona e il file di Illustrator di aurevilly è obsoleto e non contiene le etichette.

Così ho creato un file Illustrator che contiene tutte le icone in Font Awesome 4.0.0 come percorsi vettoriali accanto alle loro etichette per restringere rapidamente un'icona e copiarla / incollarla su Photoshop, Fireworks, Sketch, ecc.

Assicurati solo di avere installato Font-Awesome.otf 4.0.0 più recente secondo le altre risposte qui.

— Jonathan Dumaine
fonte

2

Font Awesome in PNG ti consente di estrarre PNG di dimensioni perfette da font awesome. È meraviglioso.

Se stai installando su Mac segui questo: https://github.com/odyniec/font-awesome-to-png/issues/9

— Yarin
fonte