Comment utiliser Font Awesome dans Photoshop et Fireworks?

77

J'ai donc téléchargé Font Awesome et installé la police. Maintenant, j'aimerais utiliser cette police dans mes conceptions dans Photoshop et Fireworks.

Comment je ferais ça?

Kriem
la source
www.whatdafontawesome.co.uk sélectionnez le design en haut à gauche, double-cliquez sur une icône.
Luke Snowden

Réponses:

113

J'ai trouvé une solution qui fonctionne pour moi. Il suffit de télécharger et d'installer la police à partir du site Web Font Awesome . Utilisez ensuite la feuille de saisie de polices Font Awesome pour copier et coller les icônes dans Photoshop et Fireworks. (ou Illustrator ou ce que vous souhaitez utiliser)

Fonctionne parfaitement!

Kriem
la source
21
Il convient de noter que vous devez double-cliquer sur l'icône, puis la copier. Pas le code qui se trouve dans les parenthèses. Ça ne marchera pas.
Mathias Lykkegaard Lorenzen
Bonjour, je l’utilise dans Adobe Fireworks. Cela ne fonctionnait que pour moi après le redémarrage de feux d'artifice. De plus, dans la feuille de triche elle-même, il n'est pas nécessaire de cliquer sur l'icône et de la charger, dans la liste elle-même, il suffit de mettre en surbrillance l'icône (pas le texte) et de la copier, puis d'utiliser l'outil Texte dans Fireworks et de le coller. Si vous obtenez quelque chose qui ressemble à un carré, il vous suffit de surligner le carré et de sélectionner la fonte géniale
Paul Preibisch
Ce que @MathiasLykkegaardLorenzen a déclaré devrait faire partie de la réponse :) J'ai passé les 10 dernières minutes à essayer de copier le code collé de différentes manières.
Imran Bughio le
Je suppose que cela a fonctionné, mais je dois copier à partir d'autres programmes comme Inkscape ou Word, puis les coller dans Keynote.
David Silva Smith
Cela fonctionne aussi bien avec Flash de cette façon.
pzv
19

Cela a fonctionné pour moi.

  1. Téléchargez FontAwesome à partir de http://fortawesome.github.io/Font-Awesome/
  2. Copiez les fichiers de polices de "font-awesome / font" dans le répertoire de polices de votre ordinateur (pour Mac: Applications / Font Book).
  3. Sélectionnez et copiez l'icône souhaitée à partir de http://fortawesome.github.io/Font-Awesome/cheatsheet/ et collez-la dans photoshop avec la famille de polices FontAwesome sélectionnée.
Talha Ashraf
la source
3
Cela devrait être la réponse acceptée. Aucune installation d'applications tierces requise, juste travaillé.
lee_mcmullen
@lee_mcmullen C'est exactement la même réponse que celle acceptée.
Kriem
7

Toutes ces réponses sont exactes, mais il leur manque un détail. Voici ce qu'il faut faire:

  1. Si vous possédez une ancienne version de FontAwesome, désinstallez-la de votre ordinateur.
  2. Téléchargez et installez FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - gros bouton de téléchargement jaune en haut)
  3. Accédez à la page Cheat Sheet de FontAwesome ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ ).
  4. Double-cliquez et copiez l'icône que vous voulez utiliser (aucun du texte ou unicode).
  5. Dans Photoshop, sélectionnez l'outil Texte, cliquez dans votre document pour créer un calque de texte, puis collez votre icône.

J'ai passé toute ma vie à utiliser l'outil de déplacement (le curseur par défaut) et à essayer de coller lorsque vous êtes dans cet outil. Ça ne marche pas Vous devez créer un calque de texte et le coller.

Philip Stancil
la source
4

Il est un peu ennuyeux de copier et coller des icônes de la feuille de triche dans un champ de texte, puis de créer les contours pour chaque icône. Le fichier illustrateur d'Aurevilly est à la fois obsolète et ne contient pas les étiquettes.

J'ai donc créé un fichier illustrateur contenant toutes les icônes de Font Awesome 4.0.0 sous forme de chemins vectoriels à côté de leurs étiquettes, afin de réduire rapidement une icône et de la copier / coller dans Photoshop, Fireworks, Sketch, etc.

Assurez-vous simplement que la dernière version 4.0.0 de Font-Awesome.otf est installée conformément aux réponses fournies ici.

Jonathan Dumaine
la source