Wie kann ich Font Awesome in Photoshop und Fireworks verwenden?

224651
Kriem

Also habe ich Font Awesome heruntergeladen und die Schriftart installiert. Jetzt möchte ich diese Schriftart in meinen Designs in Photoshop und Fireworks verwenden.

Wie würde ich das machen?

76
www.whatdafontawesome.co.uk Design links oben auswählen, Doppelklick auf ein Symbol. Luke Snowden vor 9 Jahren 0

5 Antworten auf die Frage

112
Kriem

Ich habe eine Lösung gefunden, die für mich funktioniert. Laden Sie einfach die Schriftart von der Font Awesome-Website herunter und installieren Sie sie . Verwenden Sie dann das Font Awesome Cheatsheet, um die Symbole in Photoshop und Fireworks zu kopieren und einzufügen . (oder Illustrator oder was auch immer Sie verwenden möchten)

Funktioniert perfekt!

Es ist zu beachten, dass Sie auf das Symbol selbst doppelklicken und es dann kopieren müssen. Nicht der Code, der in den Klammern steht. Das wird nicht funktionieren. Mathias Lykkegaard Lorenzen vor 10 Jahren 21
Hallo, ich verwende dies in Adobe Fireworks. Dies funktionierte nur für mich, nachdem ich ein Feuerwerk neu gestartet hatte. Außerdem müssen Sie nicht in das Spickzettelblatt klicken und das Symbol laden. In der Liste selbst müssen Sie nur das Symbol (nicht den Text) markieren und kopieren. Verwenden Sie dann das Textwerkzeug in Fireworks und fügen Sie es ein. Wenn Sie etwas erhalten, das wie ein Quadrat aussieht, markieren Sie einfach das Quadrat und wählen Sie die Schriftart "Awesome" Paul Preibisch vor 9 Jahren 0
Was @MathiasLykkegaardLorenzen sagte, sollte ein Teil der Antwort sein :) Ich habe die letzten 10 Minuten damit verbracht, den Einfügecode auf verschiedene Arten zu kopieren. Imran Bughio vor 9 Jahren 0
Ich denke, das hat funktioniert, aber ich muss aus anderen Programmen wie Inkscape oder Word kopieren und dann in Keynote einfügen. David Silva Smith vor 9 Jahren 0
Dies funktioniert auch mit Flash. pzv vor 8 Jahren 0
@ImranBughio Ich meine, er sagt ausdrücklich in der Antwort zum Kopieren und Einfügen der Icons, ich weiß nicht, was Sie mehr wollen. Nick Coad vor 7 Jahren 0
@NickCoad Es war etwas verwirrend wegen des Codes mit jedem Symbol. Ich habe das letztendlich kopiert! Mir ist nicht eingefallen, dass ich Icons direkt kopieren kann & ich bin sicher nicht alleine im Irrtum, dass Mathias Kommentar 17+ Stimmen hat :) Imran Bughio vor 7 Jahren 0
19
Talha Ashraf

Das hat bei mir funktioniert.

  1. Laden Sie FontAwesome von http://fortawesome.github.io/Font-Awesome/ herunter.
  2. Kopieren Sie die Schriftartendateien von "font-awesome / font" in das Verzeichnis der Schriftart Ihres Computers (Für Mac: Anwendungen / Font Book)
  3. Wählen Sie das gewünschte Symbol aus http://fortawesome.github.io/Font-Awesome/cheatsheet/ und fügen Sie es in Photoshop mit der ausgewählten FontAwesome-Schriftfamilie ein.
Dies sollte die akzeptierte Antwort sein. Keine Installation von Drittanbieter-Apps erforderlich, funktionierte nur. lee_mcmullen vor 10 Jahren 3
@lee_mcmullen Dies ist genau die gleiche Antwort wie die akzeptierte. Kriem vor 8 Jahren 0
7
Philip Stancil

Alle diese Antworten sind richtig, aber ihnen fehlt ein Detail. Hier ist was zu tun ist:

  1. Wenn Sie eine alte Version von FontAwesome haben, deinstallieren Sie sie von Ihrem Computer.
  2. Laden Sie FontAwesome herunter und installieren Sie es ( http://fortawesome.github.io/Font-Awesome/ - großer gelber Download-Button oben)
  3. Gehe zum FontAwesome Cheat Sheet ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
  4. Doppelklicken Sie auf das Symbol, das Sie verwenden möchten, und kopieren Sie es nicht (weder Text noch Unicode).
  5. Wählen Sie in Photoshop das Textwerkzeug aus, klicken Sie in das Dokument, um eine Textebene zu erstellen, und fügen Sie dann das Symbol ein.

Ich habe das Move Tool (den Standardcursor) für immer verwendet und versucht, es in diesem Tool einzufügen. Es funktioniert nicht Sie müssen eine Textebene erstellen und dort einfügen.

4
Jonathan Dumaine

Es ist ein wenig ärgerlich, Symbole aus dem Spickzettel in ein Textfeld zu kopieren und einzufügen und dann die Konturen für jedes Symbol zu erstellen. Die Illustrator-Datei von aurevilly ist veraltet und enthält keine Beschriftungen.

Also habe ich eine Illustrator-Datei erstellt, die alle Symbole in Font Awesome 4.0.0 als Vektorpfade neben ihren Beschriftungen enthält, um schnell ein Symbol einzugrenzen und es in Photoshop, Fireworks, Sketch usw. zu kopieren / einzufügen.

Stellen Sie sicher, dass Sie die neueste Version von Font-Awesome.otf 4.0.0 installiert haben, wie in den anderen Antworten hier.

2
Yarin

Mit Font Awesome to PNG können Sie PNGs mit perfekter Größe aus Font Awesome extrahieren. Es ist toll.

Wenn Sie auf einem Mac installieren, folgen Sie diesen Anweisungen : https://github.com/odyniec/font-awesome-to-png/issues/9

Verwandte Probleme