Como posso usar o Font Awesome no Photoshop e no Fireworks?


77

Então eu baixei o Font Awesome e instalei a fonte. Agora eu gostaria de usar essa fonte em meus projetos no Photoshop e Fireworks.

Como eu faria isso?


www.whatdafontawesome.co.uk selecione o design no canto superior esquerdo, clique duas vezes em um ícone.
Luke Snowden

Respostas:


113

Encontrei uma solução que funciona para mim. Basta baixar e instalar a fonte no site Font Awesome . Em seguida, use a Folha de dicas do Font Awesome para copiar e colar os ícones no Photoshop e no Fireworks. (ou Illustrator ou o que você quiser usar)

Funciona perfeitamente!


21
Observe que você precisa clicar duas vezes no ícone e copiá-lo. Não é o código que está entre parênteses. Isso não vai funcionar.
Mathias Lykkegaard Lorenzen

Olá, estou usando isso no Adobe Fireworks. Isso só funcionou para mim depois que reiniciei os fogos de artifício. Além disso, na própria folha de dicas, você não precisa clicar e carregar o ícone, na própria lista, basta destacar o ícone (não o texto) e copiá-lo, depois usar a ferramenta de texto no fireworks e colá-lo. Se você conseguir algo que se parece com um quadrado, apenas destacar a fonte quadrado e selecione font-incrível
Paul Preibisch

O que o @MathiasLykkegaardLorenzen disse deve ser uma parte da resposta :) passei os últimos 10 minutos tentando copiar o código de colagem de maneiras diferentes.
Imran Bughio 29/01

Acho que funcionou, mas preciso copiar de outros programas como o Inkscape ou o Word e colar no Keynote.
David Silva Smith

Também funciona com o Flash dessa maneira.
pzv

19

Isso funcionou para mim.

  1. Faça o download do FontAwesome em http://fortawesome.github.io/Font-Awesome/
  2. Copie os arquivos de fonte de "font-awesome / font" para o diretório de fontes do seu computador (Para Mac: Aplicativos / Catálogo de Fontes)
  3. Selecione e copie o ícone desejado em http://fortawesome.github.io/Font-Awesome/cheatsheet/ e cole no photoshop com a família de fontes FontAwesome selecionada.

3
Essa deve ser a resposta aceita. Não é necessária a instalação de aplicativos de terceiros, apenas funcionou.
Lee_mcmullen

@lee_mcmullen Esta é exatamente a mesma resposta que a aceita.
Kriem

7

Todas essas respostas estão corretas, mas estão faltando um detalhe. Aqui está o que fazer:

  1. Se você possui uma versão antiga do FontAwesome, desinstale-a do seu computador.
  2. Faça o download e instale o FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - grande botão amarelo de download na parte superior)
  3. Vá para a Folha de Dicas do FontAwesome ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
  4. Clique duas vezes e copie o ícone real que você deseja usar (nenhum texto ou unicode).
  5. No Photoshop, selecione a ferramenta de texto, clique no documento para criar uma camada de texto e cole seu ícone.

Passei uma eternidade usando a Ferramenta Mover (o cursor padrão) e tentando colar enquanto estava nessa ferramenta. Isso não funciona. Você precisa criar uma camada de texto e colar nela.


4

É um pouco chato copiar e colar ícones da planilha em um campo de texto, criar os contornos de cada ícone e o arquivo ilustrador da aurevilly está desatualizado e não contém os rótulos.

Então, criei um arquivo ilustrador que contém todos os ícones do Font Awesome 4.0.0 como caminhos vetoriais ao lado de seus rótulos, para estreitar rapidamente um ícone e copiá-lo / colá-lo no Photoshop, Fireworks, Sketch etc.

Apenas certifique-se de ter o Font-Awesome.otf 4.0.0 mais recente instalado, conforme as outras respostas aqui.


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.