¿Cómo puedo usar Font Awesome en Photoshop y Fireworks?

77

Así que descargué Font Awesome e instalé la fuente. Ahora me gustaría usar esta fuente en mis diseños en Photoshop y Fireworks.

¿Como podría hacerlo?

Kriem
fuente
www.whatdafontawesome.co.uk seleccione el diseño en la parte superior izquierda, haga doble clic en un icono.
Luke Snowden

Respuestas:

113

Encontré una solución que funciona para mí. Simplemente descargue e instale la fuente del sitio web Font Awesome . Luego, use la Cheatsheet Font Awesome para copiar y pegar los íconos en Photoshop y Fireworks. (o Illustrator o lo que quieras usar)

¡Funciona perfectamente!

Kriem
fuente
21
Cabe señalar que debe hacer doble clic en el ícono y luego copiarlo. No es el código que está en las paréntesis. Eso no funcionará.
Mathias Lykkegaard Lorenzen
Hola, estoy usando esto en Adobe Fireworks. Esto solo funcionó para mí después de reiniciar los fuegos artificiales. Además, en la hoja de trucos en sí, no es necesario que primero haga clic y cargue el ícono, en la lista misma, solo resalte el ícono (no el texto) y cópielo, luego use la herramienta de texto en los fuegos artificiales y péguelo. Si obtienes algo que parece un cuadrado, solo resalta el cuadrado y selecciona la fuente de fuente impresionante
Paul Preibisch
Lo que dijo @MathiasLykkegaardLorenzen debería ser parte de la respuesta :) Pasé los últimos 10 minutos tratando de copiar el código de pegado de diferentes maneras.
Imran Bughio
Supongo que esto funcionó, pero necesito copiar desde otros programas como Inkscape o Word y luego pegarlo en Keynote.
David Silva Smith
Funciona con Flash también de esta manera.
pzv
19

Esto funcionó para mí.

  1. Descargue FontAwesome desde http://fortawesome.github.io/Font-Awesome/
  2. Copie los archivos de fuentes de "font-awesome / font" al directorio de fuentes de su computadora (para Mac: Aplicaciones / Libro de fuentes)
  3. Seleccione y copie el icono deseado de http://fortawesome.github.io/Font-Awesome/cheatsheet/ y péguelo en Photoshop con la familia de fuentes FontAwesome seleccionada.
Talha Ashraf
fuente
3
Esta debería ser la respuesta aceptada. No se requiere la instalación de aplicaciones de terceros, solo funcionó.
lee_mcmullen
@lee_mcmullen Esta es exactamente la misma respuesta que la aceptada.
Kriem
7

Todas estas respuestas son correctas, pero a todas les falta un detalle. Esto es lo que debes hacer:

  1. Si tiene una versión anterior de FontAwesome, desinstálela de su computadora.
  2. Descargue e instale FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - gran botón amarillo de descarga en la parte superior)
  3. Vaya a la hoja de trucos FontAwesome ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
  4. Haga doble clic y copie el icono real que desea usar (ninguno de los textos o unicode)
  5. En Photoshop, seleccione la herramienta de texto, haga clic en su documento para crear una capa de texto y luego pegue su icono.

Pasé para siempre usando la herramienta Mover (el cursor predeterminado) e intentando pegar mientras estaba en esa herramienta. No funciona Tienes que crear una capa de texto y pegarla allí.

Philip Stancil
fuente
4

Es un poco molesto copiar y pegar iconos de la hoja de trucos en un campo de texto, luego crear los contornos para cada icono, y el archivo ilustrador de aurevilly está desactualizado y no contiene las etiquetas.

Así que hice un archivo ilustrador que contiene todos los íconos en Font Awesome 4.0.0 como rutas de vectores junto a sus etiquetas para reducir rápidamente un ícono y copiarlo / pegarlo en Photoshop, Fireworks, Sketch, etc.

Solo asegúrese de tener instalado el último Font-Awesome.otf 4.0.0 según las otras respuestas aquí.

Jonathan Dumaine
fuente